edbnedbn/ui
ComponentsMapsAudioPDF
GitHub stars
Explorer
Get Started
Components

Alert

Feedback alerts with 5 variants: default, destructive, success, warning, and info.

Components

Installation

npx shadcn@latest add https://ui.edbn.me/r/alert.json

Manual

API Reference

Alert

Displays a callout for important messages. Renders a div element.

variant'default' | 'destructive' | 'success' | 'warning' | 'info'
='default'

Visual style variant

classNamestring

CSS class name

AlertTitle

The heading of an alert. Renders an h5 element.

classNamestring

CSS class name

AlertDescription

The body text of an alert. Renders a div element.

classNamestring

CSS class name