Dialog

A modal window that traps focus and returns it to the trigger when closed.

Installation

npx plankui@latest add dialog

Usage

import { Dialog } from "@/components/ui/dialog";

<Dialog>
  <DialogTrigger asChild><Button>Open</Button></DialogTrigger>
  <DialogContent>
    <DialogTitle>Title</DialogTitle>
  </DialogContent>
</Dialog>

API reference

Prop	Type	Default	Description
open / onOpenChange	boolean / (open) => void		Controlled state.
DialogContent.hideClose	boolean	false	Hide the corner close button.

View the source on GitHub