Alert Dialog

A modal confirmation dialog built on Radix AlertDialog that interrupts the user with a title, description, media slot, and cancel/confirm actions.

alert-dialogconfirmmodalradixdestructive

Open preview in new tab

How do I install the Alert Dialog component?

Run the command below in a project with the shadcn CLI. It copies the component source into your repo and installs its dependencies.

npx shadcn@latest add https://www.saasuji.com/r/alert-dialog.json

Dependencies

Also available as a markdown reference for AI agents: /components/alert-dialog.md

Related components

Alert

A callout for important messages with default and destructive variants plus title, description, and action primitives for inline feedback.

Dialog

An accessible modal window built on Radix Dialog, with overlay, header, footer, title, description, and an optional corner close button.

Drawer

A swipeable sheet built on Base UI Drawer that slides in from any edge, with snap points, a drag handle, and accessible title and description primitives.