Alert
Callout for statuses and important messages.
shadcn/ui · new-york-v4 · synced Aug 29, 2026shadcn/uinew-york-v4 · synced Aug 29, 2026
Installation
import { Alert, AlertTitle, AlertDescription } from "@aspyn-io/kit";Default
Scheduled maintenance
The API will be read-only on Sunday from 02:00–04:00 UTC.
With icon
A leading icon is placed in its own column; the title and description align beside it.
Heads up
Component pages now include full examples.
Destructive
Payment failed
Your card was declined.
Notes
- Inherited from shadcn/ui. Variants: default and destructive.
- Alert renders role="alert" so screen readers announce it immediately: reserve it for genuinely important messages.