Components / Overlays
Alert dialog
A confirmation for a destructive or hard-to-undo action.
@fabrials/ui
Installation
Import the control from
@fabrials/ui, after setting the app up.TypeScript import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogTitle, AlertDialogCancel, AlertDialogAction } from "@fabrials/ui";Or install it under shadcn's name, so code that imports
@/components/ui/alert-dialoggets this control. See shims.npx shadcn@latest add @fabrials/alert-dialog
API reference
| Prop / export | Type | Description |
|---|---|---|
open | boolean | Controlled open state. |
Behavior
The confirm button names the consequence. Cancel is present and is not the primary action.
Accessibility
Keyboard and contrast
Keep visible labels, keyboard focus and status announcements when customizing. These components inherit your theme; maintain sufficient contrast in both color modes. The preview is keyboard operable.