components

Alert Dialog

Dialog that interrupts the user with important content and expects a response.

Source CodeRadix UI
Loading

Installation



Usage


Imports


/components/ui/alert-dialog.tsx


Code


/components/ui/alert-dialog.tsx




Examples


Backdrop - Blur


Loading


Backdrop - Transparent


Loading


Destructive


Loading




Props


<AlertDialog>
NameDefaultValues
External Reference--
<AlertDialogTrigger>
NameDefaultValues
External Reference--
<AlertDialogContent>
NameDefaultValues
backdropoverlayoverlayblurtransparent
External Reference--
<AlertDialogHeader>
NameDefaultValues
<AlertDialogTitle>
NameDefaultValues
External Reference--
<AlertDialogDescription>
NameDefaultValues
External Reference--
<AlertDialogFooter>
NameDefaultValues
<AlertDialogAction>
NameDefaultValues
External Reference--
<AlertDialogCancel>
NameDefaultValues
External Reference--
AlertAvatar