Stats Badge
Gray pill with a leading icon used for 'last scrape' duration and 'N ms ago' timestamps. Same palette as Label Badge.
DO
Set text-transform: none at the root so intent matches output — see INC-009.
DON'T
Inherit uppercase from the generic Badge default; the inner label overrides it anyway.
Design
default
573ms
Gray pill with icon + mixed-case numeric content.
Component reference (screenshots)
Placeholder screenshots — the audited app is live at prometheus-e83j.onrender.com.
Implementation
<StatsBadge icon={IconClock}>573ms</StatsBadge>Layout
| Property | Value |
|---|---|
| padding | 0 10px badge-padding-x |
| border-radius | 1000px pill |
| text-transform | none (root) — fixes INC-009 |
Accessibility
| ARIA | Leading icon is decorative; the numeric text carries the meaning. |