🚧 This website is work in progress 👷
Components
Actions
Button

Button

The Danger button appears as a final confirmation for a destructive action such as deleting.

Examples

Danger button has only one style and it can be used with or without the icon as the other Buttons.

Figma file

Anatomy

Danger Button has the same anatomy of the default Button

Figma file

When to use

  • For actions that could have destructive effects on the user’s data (for example, delete or remove).
  • Use in confirmation modal
Figma file

When not to use

  • Do not use on solid background.
  • Avoid having many danger buttons thatoverwhelms the page.

On this page

References