Alert Dialog
A modal dialog that interrupts the user with important content and expects a response.
Installation
$npx maddex add AlertDialog
Basic
A basic alert dialog with a title, description, and cancel and continue buttons.
Preview
Controlled
Pass open and on-open-change when another part of the page needs to reflect the dialog state.
Preview
Release review
Keep the confirmation flow in sync with the surrounding page state.
Dialog State
{reviewDialogStateLabel}
{reviewDialogStateCopy}
Destructive
Use semantic destructive colors on the trigger and action when the dialog confirms permanent removal.
Preview