Alert Dialog
The Alert Dialog is a variation of the Dialog component that interrupts the user with critical content, requiring a response before proceeding. It is perfect for important notifications, confirmations, or alerts, ensuring that essential actions are acknowledged and addressed immediately.
Configurable Props
<AlertDialog>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
defaultOpen | boolean | The open state of the dialog when it is initially rendered. Use when you do not need to control its open state. | |
open | boolean | The controlled open state of the dialog. Must be used in conjunction with onOpenChange. | |
disabled | boolean | When true, prevents the user from interacting with the accordion and all its items. | |
onOpenChange | function (open: boolean) => void | Event handler called when the open state of the dialog changes. |
<AlertDialogTrigger>
Prop | Type | Default/ Options | Description |
|---|---|---|---|
asChild | boolean | true | Change the default rendered element for the one passed as a child, merging their props and behavior. |
open | boolean | The controlled open state of the dialog. Must be used in conjunction with onOpenChange. | |
disabled | boolean | When true, prevents the user from interacting with the accordion and all its items. | |
onOpenChange | function (open: boolean) => void | Event handler called when the open state of the dialog changes. |