Dialog Component
A flexible and accessible dialog component for displaying modal content.
Basic Dialog
A simple dialog with a title, description, and close button.
Confirmation Dialog
A dialog for confirming user actions.
Form Dialog
A dialog containing a form.
Alert Dialogs
Different types of alert dialogs for various scenarios.
Custom Dialog
A dialog with custom styling and positioning.
API Reference
Complete documentation of the Dialog component props.
Dialog Props
| Prop | Description | Type | Default |
|---|---|---|---|
| open | Whether the dialog is open | boolean | Required |
| onClose | Function called when the dialog is closed | () => void | Required |
| size | Size of the dialog | "sm" | "md" | "lg" | "xl" | "full" | "md" |
| position | Vertical position of the dialog | "center" | "top" | "center" |
| closeOnOverlayClick | Whether clicking the overlay closes the dialog | boolean | true |
| showCloseButton | Whether to show the close button | boolean | true |