Dialog

Show modal content that requires user focus.

Dialog Example

Component	Prop	Type	Default	Description
`Dialog`	`open?, onOpenChange?, modal?`	`boolean, function, boolean`	—	Root component. Must contain `DialogTrigger` and `DialogContent`
`DialogTrigger`	`asChild?`	`boolean`	`false`	Trigger element that opens the dialog
`DialogContent`	`variant?, className?`	`"default" \| "fullscreen", string`	`"default"`	Container for dialog content
`DialogHeader`	—	—	—	Container for title and description
`DialogTitle`	`className?`	`string`	—	Dialog title (required for accessibility)
`DialogDescription`	`className?`	`string`	—	Dialog description text
`DialogFooter`	`className?`	`string`	—	Container for action buttons
`DialogClose`	`asChild?`	`boolean`	`false`	Button that closes the dialog