Stat

const Stat: React.FC<StatProps>

Defined in: src/components/feedback/Stat/Stat.tsx:95

KPI / metric display: label + value + optional trend delta.

Use delta.semantics to indicate whether “up” is good. Errors and latency, for example, want semantics: "negative" so an upward direction shows red.

Example

<Stat
  label="MRR"
  value="$12,400"
  delta={{ value: '+8.2%', direction: 'up' }}
  helper="vs. last month"
/>