Dialog
A window overlaid on the primary window. Blocks interaction until dismissed. Built on Radix UI Dialog.
$cookest-ui add dialog
Basic
Simple informational dialog triggered by a button.
Form Dialog
Use dialogs to capture input without leaving the current page.
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state of the dialog. |
onOpenChange | (open: boolean) => void | — | Callback when the dialog open state changes. |
DialogTrigger | ReactNode | — | The element that opens the dialog. Use asChild to forward props. |
DialogTitle | string | — | Required accessible title displayed in the dialog header. |
DialogDescription | string | — | Optional supporting description text. |
DialogFooter | ReactNode | — | Container for action buttons, right-aligned by default. |