benflux/ui
Charts

Bar Chart

Compares values across categories using vertical bars. Built with Recharts.

Weekly visitors

NewReturning
Mon
Tue
Wed
Thu
Fri
Sat
Sun

Installation

npx benflux-ui add chart

Usage

import { BarChart } from "@/components/ui/chart"

const data = [
  { day: "Mon", new: 40, returning: 25 },
  { day: "Tue", new: 65, returning: 45 },
]

<BarChart
  data={data}
  xKey="day"
  bars={[
    { dataKey: "new", name: "New", color: "var(--primary)" },
    { dataKey: "returning", name: "Returning", color: "var(--primary-40)" },
  ]}
  height={300}
/>