Three stats side by side inside one card, separated by vertical dividers.
The import and the props worth knowing about, in one place.
import { Stats3 } from "@/components/beste/piece/stats3";
<Stats3
surface="card"
bordered={true}
inverted={false}
items={[
{
"value": "128K",
"label": "Users"
},
{
"value": "4.2M",
"label": "Events"
},
{
"value": "99.98%",
"label": "Uptime"
}
]}
/>2x2 grid of stat cells inside one card, separated by a thin cross divider.
Gold trophy tile beside a #rank-of-total position, a context label, and an emerald percentile flag.
Visits this month
vs. 1,142 last month
A compact metric card pairing a large figure with a signed change chip, a small bar history, and a comparison caption.
Colored icon tile beside a bold stat and a one-line description.