Alert Dialog

Show important messages that need attention.

Alert Dialog Example

Component	Prop	Type	Default	Description
`AlertDialog`	`open`	`boolean`	—	Controlled open state
`AlertDialog`	`defaultOpen`	`boolean`	`false`	Default open state
`AlertDialog`	`onOpenChange`	`(open: boolean) => void`	—	Callback when open state changes
`AlertDialogTrigger`	`asChild`	`boolean`	`false`	Merge props with child element
`AlertDialogContent`	`className`	`string`	—	Additional CSS classes
`AlertDialogHeader`	`className`	`string`	—	Additional CSS classes
`AlertDialogTitle`	`children`	`React.ReactNode`	—	Dialog title (required)
`AlertDialogDescription`	`children`	`React.ReactNode`	—	Dialog description text
`AlertDialogFooter`	`className`	`string`	—	Additional CSS classes
`AlertDialogAction`	`children`	`React.ReactNode`	—	Action button content (required)
`AlertDialogAction`	`onClick`	`(event: MouseEvent) => void`	—	Click handler
`AlertDialogCancel`	`children`	`React.ReactNode`	—	Cancel button content (required)
`AlertDialogCancel`	`onClick`	`(event: MouseEvent) => void`	—	Click handler