Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.
New here? Read the installation guide.
import { Dashboard18 } from "@/components/beste/piece/dashboard18";
<Dashboard18
title="Sessions"
currentLabel="This week"
previousLabel="Last week"
current={[
22,
28,
24,
33,
31,
40,
46
]}
previous={[
18,
21,
26,
25,
29,
32,
30
]}
tone="violet"
/>Stacked rows combining a label, value, inline tone-colored sparkline, and emerald delta on the right.
Side-by-side compare card with previous and current values separated by an arrow, and a semantic delta pill in the header.
Compact metric card with a large value, delta percentage, and an SVG sparkline with a tone-colored stroke and faint area fill.
Dashboard filter bar with a primary date-range button, a comparison-period dropdown, and a segment filter toggle.