Destructive actions
The sequence
- Entry point stays calm. The action trigger is a normal button or menu item labeled clearly (“Remove…”, with the ellipsis signaling more to come).
- Confirmation dialog states consequences, what will be removed, how much (size, count), and what is recoverable.
- The destructive styling appears here, on the confirming action.
- Completion feedback, toast confirming what happened, with undo where technically possible.
Rules
- Confirm only genuinely destructive operations; over-confirming trains users to click through.
- Type-to-confirm is reserved for catastrophic, rare operations (wiping a disk).
- Menus place destructive items away from frequent ones and separate them with a divider.
- Keyboard default in a destructive dialog is Cancel, never the destructive action.
- Package removal always lists dependency removals, from the package manager, not approximated.
Interactive demo: Dialogs in the design system.