## Installation [#installation] npm pnpm yarn bun ```bash npx shadcn@latest add @dotui/dialog ``` ```bash pnpm dlx shadcn@latest add @dotui/dialog ``` ```bash yarn dlx shadcn@latest add @dotui/dialog ``` ```bash bun x shadcn@latest add @dotui/dialog ``` ## Usage [#usage] Use dialog to grab the user's attention for critical tasks, like confirming actions, providing additional details, or capturing input. ```tsx import { Button } from "@/components/ui/button"; import { Dialog, DialogBody, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from "@/components/ui/dialog"; import { Overlay } from "@/components/ui/overlay"; ``` ```tsx

Open dialog Dialog Title Dialog description Content Close

``` ## Examples [#examples] ## API Reference [#api-reference] ### Dialog [#dialog] ### DialogContent [#dialogcontent] ### DialogHeader [#dialogheader] ### DialogTitle [#dialogtitle] ### DialogDescription [#dialogdescription] ### DialogBody [#dialogbody] ### DialogFooter [#dialogfooter]