benflux/ui
Charts

Line Chart

Displays data over time as a line. Built with Recharts.

Monthly Revenue

JanFebMarAprMayJunJulAugSepOctNovDec

Installation

npx benflux-ui add chart

Usage

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

const data = [
  { month: "Jan", revenue: 4000 },
  { month: "Feb", revenue: 5200 },
  { month: "Mar", revenue: 4100 },
  // ...
]

<LineChart
  data={data}
  xKey="month"
  lines={[{ dataKey: "revenue", name: "Revenue", color: "var(--primary)" }]}
  height={300}
/>