GitHub

Dialog

A modal window that appears on top of the main content.

Docs API

Installation

pnpm dlx shadcn@latest add https://shark-ui.vercel.app/r/dialog.json

Usage

import { 
  Dialog, 
  DialogTrigger, 
  DialogContent, 
  DialogTitle, 
  DialogDescription, 
  DialogClose,
  DialogHeader,
  DialogFooter,
} from "@/components/ui/dialog";
<Dialog>
  <DialogTrigger>Open Dialog</DialogTrigger>

  <DialogContent>
    <DialogTitle>Dialog Title</DialogTitle>
    <DialogDescription>Dialog Description</DialogDescription>
  </DialogContent>
</Dialog>