The Alert draws attention to important information. Compose it from Alert, AlertTitle, and AlertDescription; a leading icon is positioned automatically.
Preview
Heads up!
You can add components to your app using the CLI.
Usage
Installation
$ npx shadcn@latest add https://spark-ui-olive.vercel.app/r/alert.json
Properties
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "default" | "destructive" | "default" | Visual style of the alert. |
className | string | — | Additional CSS classes. |