Alert

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

alertcalloutfeedbackstatuscva

Open preview in new tab

How do I install the Alert 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.json

Dependencies

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

Related components

Accordion

Vertically stacked collapsible sections built on Radix Accordion, with single or multiple open items, keyboard navigation, and animated expand and collapse.

Alert Dialog

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

Dialog

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