Overlays
Alert Dialog
Confirmation modal. Blocks interaction until the user resolves the prompt.
Preview
Import
ts
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from '@/components/ui/alert-dialog';Usage
tsx
<AlertDialog>
<AlertDialogTrigger asChild><Button variant="destructive">Delete</Button></AlertDialogTrigger>
<AlertDialogContent>…</AlertDialogContent>
</AlertDialog>