On This Page
Dialogs, drawers, and overlays for focused actions, inputs, or critical confirmations built on a strict compound pattern.
defaultStandard popups — confirmations, simple forms, settings dialogsglassHigh-end marketing or dashboard modals needing premium backdrop-blurdestructiveCritical warnings — irreversible deletion, security confirmationssuccessPositive confirmation — payment success, operation completefullscreenImmersive workflows — large content editing, step-by-step wizardsdrawerMobile-optimized views — slide-up panels from the bottom| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "glass" | "destructive" | "success" | "fullscreen" | "drawer" | "default" | Visual style variant of the dialog content. |
| size | "sm" | "md" | "lg" | "xl" | "2xl" | "full" | "lg" | Responsive width profile of the dialog. |
| scrollable | boolean | false | Enables vertical scrolling within the dialog body if content overflows. |
role="dialog"), aria-describedby, and aria-labelledby attributes.