Skip to main content

​
Alert dialog

In progress | Storybook link coming soon Alert dialogs are considered high-emphasis communication and should be used sparingly. High-priority feedback is urgent and requires immediate action. These messages are more noticeable and disruptive. They should draw attention or disrupt the user’s flow.

​
Behavior

  • Alert dialogs should be used to confirm a destructive action or a warning or issue that requires immediate action.
  • Alert dialogs should not disappear or close until the user has confirmed the action or dismissed the dialog.
  • Alert dialogs should not be used to confirm an action that the user can resolve in a separate context.

​
Often used with

  • Primary and secondary Button in the footer; optional Separator when body scrolls; copy kept short—defer forms to Dialog when possible.
Last modified on June 12, 2026