Component · 03
Badge
A small stamped label in the same tracked uppercase as every eyebrow in the system. Static text, not interactive.
Variants
BetaNewProLiveFailed
<Badge>Beta</Badge>
<Badge variant="accent">New</Badge>
<Badge variant="highlight">Pro</Badge>
<Badge variant="success">Live</Badge>
<Badge variant="danger">Failed</Badge>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| variant | "neutral" | "accent" | "highlight" | "success" | "danger" | "neutral" | Meaning, not decoration. Neutral for plain tags, success and danger for status. |
Status is also in the text, never colour alone, so it reads for colour-blind users. All props of <span> are passed through.