Documentation
Getting Started
Foundations
Form
Layout
Display
Navigation
Overlay
Feedback
Alert Dialog
Overlay
A modal dialog component that interrupts the user with important content and expects a response. Used for confirmations, warnings, and critical actions.
Installation
bash
1npx @dinachi/cli@latest add alert-dialogRun the CLI command above to automatically install the component and its dependencies.
Examples
Default Alert Dialog
A basic alert dialog for confirmations
Controlled Alert Dialog
Alert dialog with controlled open state
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controls the open state of the alert dialog |
onOpenChange | (open: boolean) => void | — | Callback fired when the alert dialog open state changes |
childrenrequired | React.ReactNode | — | The content of the alert dialog |