Skip to Content

alert

ui

Displays a callout for important information.

Use cases

  • Success/error/warning feedback messages
  • System status notifications
  • Form validation summaries
  • Important information callouts

Variants & sizes

Variants

defaultdestructive

Features

  • Icon support with automatic grid layout
  • AlertTitle and AlertDescription subcomponents
  • AlertAction for inline actions
  • role="alert" for screen readers

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/alert

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/alert

Source

components/ui/alert.tsx