Components
Alert Dialog
A alert-dialog component
Preview
Loading...
import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger,} from "@/registry/axon/ui/alert-dialog";import { Button } from "@/registry/axon/ui/button";export default function AlertDialogDemo() { return ( <AlertDialog> <AlertDialogTrigger asChild> <Button variant="outline">Show Dialog</Button> </AlertDialogTrigger> <AlertDialogContent> <AlertDialogHeader> <AlertDialogTitle>Are you absolutely sure?</AlertDialogTitle> <AlertDialogDescription> This action cannot be undone. This will permanently delete your account and remove your data from our servers. </AlertDialogDescription> </AlertDialogHeader> <AlertDialogFooter> <AlertDialogCancel>Cancel</AlertDialogCancel> <AlertDialogAction>Continue</AlertDialogAction> </AlertDialogFooter> </AlertDialogContent> </AlertDialog> );}Installation
CLI
npx shadcn@latest add @emberui/alert-dialogyarn shadcn@latest add @emberui/alert-dialogpnpm dlx shadcn@latest add @emberui/alert-dialogbunx --bun shadcn@latest add @emberui/alert-dialogReference
This component is based on the shadcn/ui Alert Dialog component.