Alert Dialog
A modal dialog that interrupts the user with important content and expects a response. Built on Radix UI for full accessibility.
$cookest-ui add alert-dialog
Basic
A standard confirmation dialog with a destructive action.
Sign Out Confirmation
Use Alert Dialog for session-ending actions.
| Prop | Type | Default | Description |
|---|---|---|---|
AlertDialogTrigger | ReactNode | — | Element that opens the dialog. Use asChild to merge props. |
AlertDialogTitle | string | — | The dialog heading — required for accessibility. |
AlertDialogDescription | string | — | Supporting text describing the consequence of the action. |
AlertDialogAction | ReactNode | — | The confirming (often destructive) action button. |
AlertDialogCancel | ReactNode | — | Dismisses the dialog without taking action. |