- Accordion
- AI Elements
- Alert
- Alert Dialog
- Avatar
- Badge
- Breadcrumb
- Button
- ButtonGroup
- Calendar
- Card
- Carousel
- Chart
- Checkbox
- Collapsible
- Combobox
- Command
- Date Picker
- Dialog
- Dropdown Menu
- Field
- File Picker
- Input
- InputGroup
- InputOTP
- Loader
- Menubar
- Pagination
- Popover
- Progress
- Radio Group
- Resizable
- Scroll Area
- Select
- Sheet
- Sonner
- Table
- Tabs
- Textarea
- Toggle
- Tooltip
Alert Dialog
Interruptive modal dialog for confirming destructive actions. Focus is trapped and page is inert until user responds.
Figma: DS-001 Foundations · 83:122
Import
Live Demo
Interruptive confirmation dialogs for destructive actions.
Default
Small (centered)
Default + Media
Small + Media (centered)
Small + Destructive
Props
| Name | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controlled open state |