Use the Error intent of the Skeuomorphic button for the confirming action, and keep Cancel as the neutral secondary beside it . Put the destructive button on the right, where the primary sits in every other modal .
Assistant with voice
An assistant people can talk to as well as type to.
Which button should I use for a destructive action in a modal?
More in AI Chat#
When to use#
- An assistant that answers from your own content, where showing the sources is what makes an answer usable.
- A team that reuses the same handful of prompts and should not have to retype them.
- Writing help on text someone has already written, where they want to see the change before accepting it.
The whole set, with its codePro
Pro opens the Code tab on every block here, in React and Vue, plus the Figma file and the MCP server for your editor.
