Alert
Alert — a CSS-first, fully-tokened Alert component from SilicaUI. Accessible by default via Base UI, themeable with color × variant × size × shape props, and available in React, framework-neutral HTML, and a zero-dependency vanilla runtime. No runtime CSS-in-JS, no safelist.
dismissible · animates away, then unmounts
A new software update is available.
banner · full-bleed, edge to edge (no rounding)
collapsible detail · nests the existing Collapsible, not a bespoke prop
3 files failed to upload
Colors & structure
A new software update is available.
Your changes have been saved.
Storage almost full
You've used 92% of your quota. Consider upgrading.
Upload failed
The file exceeds the 5 MB limit.
The
brand color flows through Alerts too.Neutral alert — no color prop, just the base surface.
Sizes
xs
sm
md
lg
Glass · notice floating over a colored background
A new software update is available.
Your changes have been saved.
Upload failed
The file exceeds the 5 MB limit — glass still reads clearly at error severity.