Dialog
A modal dialog compound component built on Base UI's Dialog primitive, with overlay, content popup, header, footer, title, description, and close button sub-components.
Default
Destructive
Loading
No Close Button
Scrollable
With Form
With Icon
Installation
npx shadcn@latest add @byronwade/dialogProps
| Prop | Type | Default | Description |
|---|---|---|---|
| open | boolean | — | Controlled open state of the dialog. |
| defaultOpen | boolean | — | Uncontrolled initial open state. |
| onOpenChange | (open: boolean) => void | — | Callback fired when the open state changes. |
| modal | boolean | true | Whether the dialog blocks interaction with the rest of the page. |