Alert
Overlays & Feedback
macOS notification panel banner callout.
Installation
$npx shadcn-macos@latest add alert
Examples
Software Update Available
macOS Sequoia 15.1 is ready to install.
Storage Almost Full
Your startup disk has less than 5 GB available.
Props
<Alert />| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "default" | "destructive" | "warning" | "success" | "default" | Visual urgency theme. |
| title* | string | — | Main bold title headline. |
| description | string | — | Detailed explanatory text. |
| icon | React.ReactNode | — | Optional custom icon overriding the default variant icon. |
| className | string | — | Custom CSS classes. |