componentsSource CodeRadix UI
Alert Dialog
Dialog that interrupts the user with important content and expects a response.
Installation
Usage
Imports
/components/ui/alert-dialog.tsx
Code
/components/ui/alert-dialog.tsx
Examples
Backdrop - Blur
Backdrop - Transparent
Destructive
Destructive Dialog - w/Divider
Destructive Dialog - Center
Props
<AlertDialog>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AlertDialogTrigger>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AlertDialogContent>
| Name | Default | Values |
|---|---|---|
| backdrop | overlay | overlayblurtransparent |
| External Reference | - | - |
<AlertDialogHeader>
| Name | Default | Values |
|---|
<AlertDialogTitle>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AlertDialogDescription>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AlertDialogFooter>
| Name | Default | Values |
|---|
<AlertDialogAction>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |
<AlertDialogCancel>
| Name | Default | Values |
|---|---|---|
| External Reference | - | - |