components

Dialog

Focus user attention with overlaid interactive dialogs

Source CodeRadix UI
Loading

Installation



Code


Imports


/components/ui/dialog


Code


/components/ui/dialog




Examples


Close Button - Hidden


Loading


Close Button - Hover


Loading


Backdrop - Blur


Loading


Backdrop - Transparent


Loading


Destructive


Loading


With Form


Loading




Props


<Dialog>
NameDefaultValues
External Reference--
<DialogTrigger>
NameDefaultValues
External Reference--
<DialogContent>
NameDefaultValues
closeButtonhiddenhiddenvisiblehover
backdropoverlayoverlayblurtransparent
<DialogHeader>
NameDefaultValues
<DialogTitle>
NameDefaultValues
External Reference--
<DialogDescription>
NameDefaultValues
External Reference--
<DialogBody>
NameDefaultValues
<DialogFooter>
NameDefaultValues
<DialogClose>
NameDefaultValues
External Reference--
Date PickerDivider