A compact metric card pairing a large figure with a signed change chip, a small bar history, and a comparison caption.
Visits this month
vs. 1,142 last month
New here? Read the installation guide.
import { Stats16 } from "@/components/beste/piece/stats16";
<Stats16
label="Visits this month"
value="1,284"
delta="12.4%"
direction="up"
caption="vs. 1,142 last month"
bars={[
38,
52,
44,
61,
55,
72,
68,
86
]}
/>Headline value with a signed trend arrow, percentage, and period caption.
Capacity used
of licensed seats
A compact card pairing a radial progress ring with its percentage, a label, and a short caption.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.
2x2 grid of stat cells inside one card, separated by a thin cross divider.