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={false}
inverted={false}
heading="Retention"
cohorts={[
"W0",
"W1",
"W2"
]}
weeks={[
"W0",
"W1",
"W2",
"W3"
]}
retention={[
[
100,
64,
48,
41
],
[
100,
71,
55,
0
],
[
100,
68,
0,
0
]
]}
tone="primary"
/>