Statistic

One number that matters, with its label, its direction, and its context. Real numbers only.

Example

Monthly readers

12,408

+8.2%

vs last month

Error budget

0.4%

-0.1pp

<Statistic
  label="Monthly readers"
  value="12,408"
  trend="up"
  trendLabel="+8.2%"
  hint="vs last month"
/>

Prop	Type	Default	Description
`label / value`	`string`	-	What it is, and the number.
`prefix / suffix`	`string`	-	Unit dressing ($, %).
`trend / trendLabel`	`up \| down \| flat / string`	-	Direction + delta text.
`hint`	`string`	-	Comparison basis.