Alert Dialog

A modal confirmation dialog that interrupts the user before a destructive or irreversible action is carried out.

Alert Dialog

Installation

pnpm dlx shadcn@latest add @sortui/alert-dialog

Usage

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

Examples

Small

Media

Small with media

Destructive

Ship your next project this week

Get the full Figma kit, the code of 180+ sections and every future update for one payment.