Alert Dialog
Display important messages to users in a modal dialog.
A modal dialog that interrupts the user with important content and expects a response. Unlike a regular Dialog, it can only be dismissed through one of its actions.
Preview
Usage
import {
AlertDialog,
AlertDialogAction,
AlertDialogCancel,
AlertDialogContent,
AlertDialogDescription,
AlertDialogFooter,
AlertDialogHeader,
AlertDialogTitle,
AlertDialogTrigger,
} from '@vitnode/core/components/ui/alert-dialog';
import { Button } from '@vitnode/core/components/ui/button';<AlertDialog>
<AlertDialogTrigger render={<Button variant="outline">Show Dialog</Button>} />
<AlertDialogContent>
<AlertDialogHeader>
<AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
<AlertDialogDescription>
This action cannot be undone. This will permanently delete your account
and remove your data from our servers.
</AlertDialogDescription>
</AlertDialogHeader>
<AlertDialogFooter>
<AlertDialogCancel>Cancel</AlertDialogCancel>
<AlertDialogAction>Continue</AlertDialogAction>
</AlertDialogFooter>
</AlertDialogContent>
</AlertDialog>