Alert Dialog

Dialog for displaying important content.

Built on top of the <Dialog /> component. Check it out for more examples.

Installation


pnpm dlx shadcn@latest add https://shark.vini.one/r/alert-dialog.json

Usage


import { 
  AlertDialog, 
  AlertDialogTrigger, 
  AlertDialogContent, 
  AlertDialogBody,
  AlertDialogTitle, 
  AlertDialogDescription, 
  AlertDialogAction,
  AlertDialogCancel,
  AlertDialogHeader,
  AlertDialogFooter,
} from "@/components/ui/alert-dialog";


<AlertDialog>
  <AlertDialogTrigger />
  <AlertDialogContent>
    <AlertDialogHeader>
      <AlertDialogTitle />
      <AlertDialogDescription />
    </AlertDialogHeader>
    <AlertDialogBody>
    {/** Your content here */}
    </AlertDialogBody>
    <AlertDialogFooter>
      <AlertDialogCancel />
      <AlertDialogAction />
    </AlertDialogFooter>
  </AlertDialogContent>
</AlertDialog>