Dialog
Modal surface for focused tasks and confirmations.
Live preview
Trigger + content
tsx
API
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "danger" | "default" | Danger styles destructive actions. |
| size | "sm" | "md" | "lg" | "md" | Maximum width of the dialog panel. |
| className | string | — | Additional class names merged with component styles. |
Accessibility
Focus is trapped; Esc closes; provide a descriptive title.