Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.
The import and the props worth knowing about, in one place.
import { Dashboard2 } from "@/components/beste/piece/dashboard2";
<Dashboard2
surface="card"
bordered={false}
inverted={false}
label="Active users"
value="4,821"
delta="+6.8%"
values={[
22,
28,
24,
33,
31,
40,
38,
46,
44,
52,
58,
64
]}
tone="primary"
/>