Weekly Bars

Seven vertical bars for a rolling week with muted fills for past days and a tone-saturated bar for today's total.

Events this week2,840

Mon

Tue

Wed

Thu

Fri

Sat

Sun

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

Import & use

import { Dashboard8 } from "@/components/beste/piece/dashboard8";

<Dashboard8
  title="Events this week"
  total="2,840"
  days={[
    {
      "label": "Mon",
      "value": 280
    },
    {
      "label": "Tue",
      "value": 410
    },
    {
      "label": "Wed",
      "value": 520
    },
    {
      "label": "Thu",
      "value": 340
    },
    {
      "label": "Fri",
      "value": 680
    },
    {
      "label": "Sat",
      "value": 480
    },
    {
      "label": "Sun",
      "value": 130,
      "today": true
    }
  ]}
  tone="violet"
/>