2x2 grid of stat cells inside one card, separated by a thin cross divider.
The import and the props worth knowing about, in one place.
import { Stats8 } from "@/components/beste/piece/stats8";
<Stats8
cells={[
{
"value": "$48K",
"label": "Revenue"
},
{
"value": "2,340",
"label": "Orders"
},
{
"value": "12.4%",
"label": "Conversion"
},
{
"value": "6:42",
"label": "Avg session"
}
]}
/>Three stats side by side inside one card, separated by vertical dividers.
Gradient hero card with a huge headline number, uppercase label, and a short context caption.
Gold trophy tile beside a #rank-of-total position, a context label, and an emerald percentile flag.
Colored icon tile beside a bold stat and a one-line description.