pnpm dlx shadcn@latest add @saturation/dialogimport {
Dialog,
DialogContent,
DialogDescription,
DialogHeader,
DialogTitle,
DialogTrigger,
} from "@/components/ui/dialog"<Dialog>
<DialogTrigger asChild>
<Button>Open Dialog</Button>
</DialogTrigger>
<DialogContent>
<DialogHeader>
<DialogTitle>Dialog Title</DialogTitle>
<DialogDescription>
Dialog description goes here.
</DialogDescription>
</DialogHeader>
</DialogContent>
</Dialog>| Prop | Type | Default | Description |
|---|---|---|---|
open | boolean | — | The controlled open state. |
defaultOpen | boolean | — | The default open state. |
onOpenChange | (open: boolean) => void | — | Event handler for open state changes. |