benflux/ui
Charts

Area Chart

Displays data trends with a filled area beneath the line. Built with Recharts.

Monthly Active Users

JanFebMarAprMayJunJulAugSepOctNovDec

Installation

npx benflux-ui add chart

Usage

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

<AreaChart
  data={data}
  xKey="month"
  areas={[{ dataKey: "users", name: "Users", color: "var(--primary)" }]}
  height={300}
/>