Stacked rows combining a label, a value, and an inline tone-colored sparkline.
The import and the props worth knowing about, in one place.
import { Dashboard30 } from "@/components/beste/piece/dashboard30";
<Dashboard30
surface="card"
bordered={false}
inverted={false}
rows={[
{
"label": "Signups",
"value": "382",
"values": [
14,
18,
16,
22,
24,
28,
32
]
},
{
"label": "Revenue",
"value": "$18.4K",
"values": [
120,
132,
128,
140,
152,
168,
184
]
},
{
"label": "MAU",
"value": "9.8K",
"values": [
80,
82,
85,
84,
88,
92,
98
]
}
]}
tone="primary"
/>