kapable

Stat

Data display · 1 export · v0.1.0 · showcase

Single key metric with a tabular value, optional unit, delta, and hint.

Browse 72 component families

Preview

deploys today

12+3

vs. yesterday

p95 latency

184ms

Usage

<Stat label="p95 latency" value="184" unit="ms" delta="−40ms" deltaTone="pass" />

Stat props
prop	type	notes
label	string	Machine-register caption above the value ("deploys today").
value	RemixNode	The reading. Digits get tabular-nums by construction.
unit?	string	Quiet unit beside the value ("ms", "req/s").
delta?	string	Change chip ("+12%", "−40ms") — rendered as a Badge.
deltaTone?	'pass' \| 'fail' \| 'warn' \| 'neutral'	Tone for the delta. The APP judges good/bad — a falling number is good for latency and bad for revenue, so no sign-sniffing here.
hint?	string	Muted context line under the value ("vs. yesterday").
mix?	MixInput