Badges
Status labels and semantic colors.
Badges display short status labels inside text or headings.
Release Stable API Beta Migration Required Version Unsupported Label Metadata
Release {{<devlab.badge text="Stable" tone="success" />}}| Parameter | Required | Default | Description |
|---|---|---|---|
text | Yes | - | Visible badge text. |
tone | No | neutral | neutral, info, success, warning, or danger; invalid values fall back to neutral. |
Tone communicates supporting status, but the visible text must carry the meaning on its own. Do not rely on color to distinguish states.