logo

Alert Dialog

A modal dialog that interrupts the user with important content and expects a response.

Usage

Loading...

Behavior

Alert dialogs are designed to require an explicit choice. By default, clicking outside the dialog will not dismiss it. If you want to allow dismissal via the backdrop or Escape key, pass dismissible to the root component.

Small

Use the size="sm" prop to make the alert dialog smaller.

Loading...

Permission prompt

Use a smaller dialog and concise copy for permission requests.