KPI card

Metric tiles for dashboards (MRR, usage, churn).

MRR

$48.2k

+12% MoM

Seats

Trials

128

Example

import { KpiCard } from "matcha-ui";

<div className="grid gap-4 sm:grid-cols-3">
  <KpiCard label="MRR" value="$48.2k" hint="+12% MoM" />
  <KpiCard label="Seats" value="42" />
</div>