Dialog
Modal dialog overlay for confirmations, forms, and alerts
import { Dialog } from "@plexui/ui/components/Dialog";Examples
Overview
Destructive confirmation
Reference
Dialog (root)
| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | Controlled open state |
onOpenChange | (open: boolean) => void | — | Called when the dialog opens or closes |
Dialog.Content
| Prop | Type | Default | Description |
|---|---|---|---|
width | number | string | 480 | Panel width |
showClose | boolean | true | Show close button in top-right corner |
className | string | — | Additional CSS class on the panel |
Dialog.Trigger — Element that opens the dialog (renders child with asChild).
Dialog.Header — Wrapper for title and description.
Dialog.Title — Accessible heading for the dialog.
Dialog.Description — Supporting text under the title.
Dialog.Footer — Footer area for action buttons.
Dialog.Close — Closes the dialog when its child is activated.