Overlays
Dialog
Modal dialog. Auto-portals + focuses on open. Use AlertDialog for confirmations.
Preview
Import
ts
import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/dialog';Usage
tsx
<Dialog>
<DialogTrigger asChild><Button>Open</Button></DialogTrigger>
<DialogContent>
<DialogHeader><DialogTitle>Are you sure?</DialogTitle></DialogHeader>
</DialogContent>
</Dialog>