Stat
stableserver-safe
One headline number. `direction` colours the delta — note it describes the movement, not whether the movement is good.
With deltas
Pins this week1,284+12% vs last week
Stale pins37−8% vs last week
Active boards412
<Stat label="Pins this week" value="1,284"
delta="+12% vs last week" direction="up" />
<Stat label="Stale pins" value="37"
delta="−8% vs last week" direction="down" />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| label* | ReactNode | — | What is being counted. |
| value* | ReactNode | — | The number. Pre-format it. |
| delta | ReactNode | — | Change since the comparison period. |
| direction | "up" | "down" | — | Colours the delta. Down isn't always bad — pick by meaning, not by sign. |
Guidance
Do
- Always say what the comparison is against. A delta with no period is noise.