Alert Dialog

1import { AlertDialog, AlertDialogTrigger, AlertDialogContent, AlertDialogBody } from "@/components/ui/alert-dialog";
2
3<AlertDialog />

1"use client";
2
3import type React from "react";
4import { cn } from "@/lib/utils";
5import { Button, type ButtonProps } from "@/registry/react/components/button";
6import {
7  Dialog,
8  DialogBody,
9  DialogClose,
10  DialogContent,
11  DialogDescription,
12  DialogFooter,
13  DialogHeader,
14  DialogTitle,
15  DialogTrigger,
16} from "@/registry/react/components/dialog";
17
18export const AlertDialog = (props: React.ComponentProps<typeof Dialog>) => (
19  <Dialog data-slot="alert-dialog-root" role="alertdialog" {...props} />
20);
21
22export const AlertDialogTrigger = (
23  props: React.ComponentProps<typeof DialogTrigger>
24) => <DialogTrigger data-slot="alert-dialog-trigger" {...props} />;
25
26export const AlertDialogContent = (
27  props: React.ComponentProps<typeof DialogContent>
28) => (