Skip to content
ZikZuk UI

StatGroup

A row of key figures — a small grey label over a value in tabular numbers — with room for a Sparkline or a change Chip beside each value. size="lg" for the figures row at the top of a list page.

pnpm add @zikzuk/ui
import { StatGroup } from "@zikzuk/ui";

List figures and summary figures

Submissions
13
Link issued
2
Approved
9+9.4%
Spent
₹63,593
Refunds
₹1,200

When to use

  • The figures row of a list page.
  • Two to four key figures in a record's summary pane.

Not for

  • A clickable tile — that is StatCard.

Props

PropTypeDescription
items{ label, value, trend? }[]trend sits beside the value: a Sparkline or a Chip.
size"default" | "lg"
Default "default"
lg on list pages.
classNamestringExtra classes on the outer element.