React Alert
Page- and section-level messages in the house severity system — the same colored left-rail the Toast uses, so feedback reads consistently everywhere. Every variant pairs an icon with the title (state is never color alone), warnings and errors announce via role="alert", and an optional action slot carries the follow-up link or button.
Scheduled maintenance
The design portal will be read-only on Saturday 02:00–06:00 UTC while we migrate the license servers.
Regression passed
smoke_axi4 completed — 128/128 tests passed, functional coverage 94.7%.
Errata E-1148 applies to your configuration
DMA descriptor fetch can stall under back-to-back AXI errors on rev B silicon. A firmware workaround is available.
License checkout failed
No floating seats available in the pool (12/12 in use). Contact your license administrator or try again later.
Rev C characterization in progress
Corner data for −40 °C will be added to the datasheet in the next revision.
Installation
npx shadcn@latest add "http://localhost:3000/registry/alert.json"
Usage
Loading...
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | 'info' \ | 'success' \ | 'warning' \ |
| title | string | — | Bold first line |
| children | React.ReactNode | — | Description body |
| action | React.ReactNode | — | Follow-up link/button under the body |
| dismissible | boolean | false | Shows the dismiss button |
| onDismiss | () => void | — | Called when dismissed |
| icon | React.ReactNode | — | Override the variant icon |
New components every week
Get the week's new Kelvin UI components and templates in one short email. No spam, unsubscribe anytime.