Default Alert Dialog

1import {
2  AlertDialog,
3  AlertDialogAction,
4  AlertDialogCancel,
5  AlertDialogContent,
6  AlertDialogDescription,
7  AlertDialogFooter,
8  AlertDialogHeader,
9  AlertDialogTitle,
10  AlertDialogTrigger,
11} from "@/registry/ui/alert-dialog";
12import { Button } from "@/registry/ui/button";
13 
14export default function AlertDialogDemo() {
15  return (
16    <AlertDialog>
17      <AlertDialogTrigger asChild>
18        <Button variant="outline">Show Dialog</Button>
19      </AlertDialogTrigger>
20      <AlertDialogContent>
21        <AlertDialogHeader>
22          <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle>
23          <AlertDialogDescription className="text-[15px]">
24            This action cannot be undone. This will permanently delete your
25            account and remove your data from our servers.
26          </AlertDialogDescription>
27        </AlertDialogHeader>
28        <AlertDialogFooter>
29          <AlertDialogCancel>Cancel</AlertDialogCancel>
30          <AlertDialogAction>Continue</AlertDialogAction>
31        </AlertDialogFooter>
32      </AlertDialogContent>
33    </AlertDialog>
34  );
35}