Twenty-four hour activity strip with tone bars whose opacity scales with each hour's volume, labeled 00 to 24.
The import and the props worth knowing about, in one place.
import { Dashboard24 } from "@/components/beste/piece/dashboard24";
<Dashboard24
surface="card"
bordered={false}
inverted={false}
title="Last 24h"
values={[
2,
1,
0,
0,
1,
2,
4,
8,
14,
22,
28,
34,
38,
42,
48,
40,
36,
30,
22,
18,
14,
10,
6,
4
]}
hourLabels={[
"00",
"06",
"12",
"18",
"24"
]}
tone="primary"
/>