ComponentClient component

Dialog

A modal surface that focuses attention on an important task.

Installation

Preview

Usage

tsx

import {
  Dialog,
  DialogContent,
  DialogTitle,
  DialogTrigger,
} from "@/components/ui/dialog"

<Dialog>
  <DialogTrigger>Open</DialogTrigger>
  <DialogContent>
    <DialogTitle>Edit project</DialogTitle>
  </DialogContent>
</Dialog>

API reference

Prop	Type	Default	Description
`className`	`string`	`—`	Overrides or extends the generated Tailwind classes.
`disabled`	`boolean`	`false`	Prevents user interaction when supported.