Stat
A metric with label, value and a directional change, with tones, sizes, loading and empty states.
Import
#importAdd the symbol to your component's imports array. The walkthrough below shows the most common usages — copy & tweak.
import { KjStat } from '@kouji-ui/components';Playground
#playground- Revenue
- $48,200
- +12%
direction
tone
size
<kj-stat label="Revenue" value="$48,200" change="+12%" direction="up" tone="success" size="md" />