Stat

Key-metric cards with deltas and trend badges for payments dashboards.

Dashboard grid

Gross volume

$128,460+12.4%

vs last month

Failed payments

23-8.1%

vs last month

Active members

3,4120.0%

vs last month

<Stat label="Gross volume" value="$128,460" delta="+12.4%" trend="up" hint="vs last month" />
<Stat label="Failed payments" value="23" delta="-8.1%" trend="down" hint="vs last month" />
<Stat label="Active members" value="3,412" delta="0.0%" trend="flat" hint="vs last month" />

Minimal

Pending settlements

$9,184.20

Open disputes

2 awaiting evidence

<Stat label="Pending settlements" value="$9,184.20" />
<Stat label="Open disputes" value="4" hint="2 awaiting evidence" />

With icon

Dues collected

$84,120+4.2%

June draft cycle

<Stat
  label="Dues collected"
  value="$84,120"
  delta="+4.2%"
  trend="up"
  hint="June draft cycle"
  icon={<DollarIcon />}
/>