Alert
A flat notice inside the page about something the reader should know now. Use a toast for something that just happened.
bunx --bun shadcn@4.17.0 add @waimakers/alert- npm dependencies
- class-variance-authority@0.7.1
From the registry
A flat notice in neutral, info, attention or danger tone, with title, description and an optional wrapping action area. Static notices carry no live role; use role="alert" only for an event that just happened.
Examples
Tones
Neutral, info, attention and danger. The icon and title carry the meaning alongside the tone.
New skills arrive on Mondays
Paul publishes the week's skills to the registry before 10:00.
This agent reads your calendar
It only sees meetings you were invited to.
The Slack token expires in 3 days
Reconnect Slack to keep summaries flowing.
The last run failed
The transcript was empty, so there was nothing to summarise.
With actions
AlertAction holds buttons under the text and wraps on narrow screens.
Anna asked to collaborate on Weekly digest
Collaborators can edit the agent's skills and see its runs.
Title only
A single line when there is nothing more to say.
Changes save as you type.