v0.5.1

Chart

Lightweight SVG charts, line, bar, area, and donut.

Weekly revenue

Installation

npx paubha@latest add chart

Usage

import { BarChart, ChartCard } from "@/components/ui/chart";

<ChartCard title="Revenue">
  <BarChart
    data={[
      { label: "Mon", value: 40 },
      { label: "Tue", value: 65 },
      { label: "Wed", value: 52 },
    ]}
  />
</ChartCard>

Examples

Line chart

Active users

Donut chart

Revenue mix

100%Total

Card Header

Reusable card header strip with title, description, avatar, and actions slots.

CLI Snippet

Monospace command callout for marketing and docs.