Alert Dialog
A confirmation dialog that interrupts the user and requires an action before continuing.
A confirmation dialog that interrupts the user and requires an action before continuing.
tsx
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger,} from "@celestia-project/ui/composite/alert-dialog"import { Button } from "@celestia-project/ui/primitive/button"
<AlertDialog> <AlertDialogTrigger render={<Button variant="outline" />}>Delete</AlertDialogTrigger> <AlertDialogContent> <AlertDialogHeader> <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle> <AlertDialogDescription>This action cannot be undone.</AlertDialogDescription> </AlertDialogHeader> <AlertDialogFooter> <AlertDialogCancel>Cancel</AlertDialogCancel> <AlertDialogAction>Continue</AlertDialogAction> </AlertDialogFooter> </AlertDialogContent></AlertDialog>