Dialog Component
Clean modal dialogs with ink-line borders and orbit hover effects.
Basic Dialog
Blurred Background
Dialog with a blurred backdrop for a frosted glass effect.
Confirmation Dialog
Use confirmation dialogs for destructive or irreversible actions.
Newsletter Dialog
A promotional dialog for collecting email signups.
Form Dialog
Info Dialog
API Reference
Dialog
The root component that manages open state.
| Prop | Type | Default |
|---|---|---|
| open | boolean | - |
| onOpenChange | (open: boolean) => void | - |
| defaultOpen | boolean | false |
| modal | boolean | true |
DialogContent
Contains the content to be rendered in the dialog.
| Prop | Type | Default |
|---|---|---|
| overlayBlur | boolean | false |
| className | string | - |