Weekly cohort grid where each cell's opacity scales with the retention percentage in the tone color.
The import and the props worth knowing about, in one place.
import { Dashboard12 } from "@/components/beste/piece/dashboard12";
<Dashboard12
surface="card"
bordered={true}
inverted={false}
heading="Retention"
cohorts={[
"W0",
"W1",
"W2",
"W3"
]}
weeks={[
"W0",
"W1",
"W2",
"W3",
"W4"
]}
retention={[
[
100,
64,
48,
41,
38
],
[
100,
71,
55,
46,
0
],
[
100,
68,
52,
0,
0
],
[
100,
74,
0,
0,
0
]
]}
tone="violet"
/>Two-by-two KPI grid where each cell carries a tone-tinted icon tile, label, and monospaced value.
Seven vertical bars for a rolling week with muted fills for past days and a tone-saturated bar for today's total.
Conversion funnel stages where each row's bar narrows against the top stage and a rose drop-off percentage marks churn.
Radial progress gauge with a tone-colored arc, the percentage centered, and a caption line beside it.