Compare Lines

Dual-line sparkline overlaying the current period in tone and the previous period as a faint dashed baseline with a legend.

Sessions

This weekLast week

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use

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"
/>