Alert Dialog Basic

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