badge

Inline status indicator.

status: stable js: none support: baseline

Preview

<span class="badge badge-primary">T</span>

Import the component CSS (depends on base/tokens.css):

@import "@russfranky/shadcss/src/components/badge.css";

…or copy it into your repo with the CLI:

npx @russfranky/shadcss-cli add badge

Decorative; colored fills use AA-contrast tokens

.badge .badge-primary .badge-secondary .badge-destructive .badge-success .badge-warning .badge-info .badge-outline .badge-dot

base/tokens