Dialog
Each example below is a real component instance — flip the theme toggle to see how it adapts.
Modal#
Drawer Story#
Sheet Story#
Alert Confirm#
Props#
| Prop | Type | Default | Description |
|---|---|---|---|
| title | ReactNode | — | Convenience: title rendered with proper heading semantics. |
| description | ReactNode | — | Convenience: description rendered with proper a11y description. |
| footer | ReactNode | — | Footer slot — typically buttons. |
| width | string | number | undefined | 460 | Pixel max-width of the panel. |
| children | ReactNode | — | When set, content is wrapped in a content frame; omit for full custom layout. |