Components
Alert
Displays a callout for user attention, such as a success message, warning, or error.
Installation
pnpm dlx shadcn@latest add https://reui.io/r/alert.json
Examples
Solid
Loading
Mono
Loading
Outline
Loading
Stroke
Loading
Light
Loading
Size
Loading
Extended
Loading
Actions
Loading
API Reference
The Alert component is a custom implementation that provides flexible and customizable alert messages. Here's the complete API reference:
Alert
The root Alert component includes the following props:
Prop | Type | Default |
---|---|---|
variant | ||
appearance | ||
size | ||
className | ||
close | ||
onClose |
AlertTitle
The AlertTitle component includes the following props:
Prop | Type | Default |
---|---|---|
asChild | ||
className |
AlertDescription
The AlertDescription component includes the following props:
Prop | Type | Default |
---|---|---|
asChild | ||
className |
AlertIcon
The AlertIcon component includes the following props:
Prop | Type | Default |
---|---|---|
variant | ||
className |
AlertContent
The AlertContent component includes the following props:
Prop | Type | Default |
---|---|---|
className |
AlertToolbar
The AlertToolbar component includes the following props:
Prop | Type | Default |
---|---|---|
variant | ||
className |