Alert Dialog · Zellify

Installation#

Terminal

npx shadcn@latest add @zellify/alert-dialog

Usage#

alert-dialog.tsx

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

Examples#

Basic

Small

With Media

Small With Media

Destructive

In Dialog

API reference#

Exports AlertDialog AlertDialogAction AlertDialogCancel AlertDialogContent AlertDialogDescription AlertDialogFooter AlertDialogHeader AlertDialogMedia AlertDialogOverlay AlertDialogPortal AlertDialogTitle AlertDialogTrigger. Every part takes its element's usual props and a className.