Feedback
Alert
The alert is the toast's standing counterpart: it holds still until the situation changes or the reader dismisses it. There is no banner and no tinted box, because the status glyph is the only element allowed to take a status colour and the text beside it stays in the ordinary reading tone. Dismissing collapses the row, so a stack closes its own gap instead of jumping.
npx shadcn@latest add @minflow/alertWhere to use it
- Conditions that persist: a failed publish, a drifted config, a quota about to run out.
- Directly above the content the notice is about, so the fix sits next to the problem.
- Never for a passing confirmation like 'Saved'; that is a toast, which leaves on its own.
Variations
The four tones
Info for context, ok for a settled result, warn for something that needs attention soon, err for something already broken. Only the glyph takes the colour, so four alerts in a column still read as one list.
With one action
When there is a single obvious thing to do about the notice. Keep it to one control, otherwise the alert turns into a toolbar and stops reading as a sentence.
A dismissible stack
Several standing notices at once. Wrap each alert in AlertRow inside an AlertStack so dismissing one collapses its row while the rest slide up.
Title only
When the title already says everything. Dropping the detail line keeps a low-stakes notice from spending a paragraph of vertical space on itself.