Ember UI LogoEmber UI
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-dialog
yarn shadcn@latest add @emberui/alert-dialog
pnpm dlx shadcn@latest add @emberui/alert-dialog
bunx --bun shadcn@latest add @emberui/alert-dialog

Reference

This component is based on the shadcn/ui Alert Dialog component.

On this page