alert-*, badge-*, progress-* components.
Usage#
<div class="alert-neon">Saved!</div>The classes#
| Class | Purpose |
|---|---|
alert-* | Paradigm alerts |
badge-* | Badges |
progress-* | Progress bars |
Compose with utilities#
<div class="alert-neon p-4 rounded-lg">Deployed successfully</div>Customization#
v1 components are frozen CSS — customize by overriding after the stylesheet, or by redefining the palette variables they consume.
Accessibility#
- Alerts: role="alert" for dynamic ones
Related#
components/index|Components hub · themes/index|Themes · recipes/index|Recipes