Consistency in the way we are showing the delete option

Previously, we used the danger style for all the delete actions (buttons/icons/text), which was distracting for the users. To address this issue, we have adopted the following best practices for improvement

Best practices

  • Use danger style for destructive buttons which are used in the final confirmation message for destructive actions.

Do’s and Don’ts

🚫 Don’ts

1.png
Caution - Remove button using danger style

2.png
Caution - Delete icon using danger style

3.png
Caution - Delete icon using danger style

Screenshot 2023-09-27 at 1.51.16 PM.png
Caution - Disconnect button using danger style

Screenshot 2023-09-27 at 2.23.20 PM.png
Caution - Delete option in dropdown is using danger style

Do's

Screenshot 2023-09-27 at 2.14.51 PM.png
Do - Delete option not using danger style

Screenshot 2023-09-27 at 2.16.36 PM.png
Do - Delete button using danger style inside confirmation modal

Screenshot 2023-09-27 at 2.19.03 PM.png
Do - Deactivate button using danger style inside confirmation modal

Screenshot 2023-09-27 at 2.28.58 PM.png
Do - Delete icons not using danger style

https://github.com/bigbinary/neeto-engineering-ui-ux/issues/32