components
Dialog
A modal built on Radix Dialog. Mobile-first: it presents as a bottom sheet with a drag affordance on small screens, and as a centered modal at 600px and up. Focus is trapped and the overlay closes it. Resize the window to see the two presentations.
Basic
A trigger opens the dialog; the footer holds the actions.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | string | none | Required. The dialog heading (Radix Title). |
| description | string | none | Optional supporting text (Radix Description). |
| trigger | ReactNode | none | Element that opens the dialog, rendered asChild. |
| footer | ReactNode | none | Action row, right-aligned. |
| open | boolean | none | Controlled open state. |
| onOpenChange | (o: boolean) => void | none | Open-state handler. |