📖 Step 5: Design - Advanced UI/UX#123 / 291
Destructive Action
Destructive Action
📖One-line summary
Risky actions that are hard to undo, like delete or account removal.
✨Example
Dangerous actions are warned in red
⚡Vibe coding prompt examples
>_
Style the delete button as a red destructive action. When clicked, open a confirm modal asking 'Are you sure you want to delete?'.
>_
Leave the destructive action button disabled by default and only activate it after the user types the item's name as a safety gate.
Try these prompts in your AI coding assistant!