Go to...

Choose a page to open.

A card with a title and a description above a chart.

Chart Card

chart-card-demo

Installation

pnpm dlx shadcn@latest add https://ui.n2020.com/r/chart-card.json

Usage

import { ChartCard } from "@/components/chart-card";
<ChartCard title="Runs over time" description="Completed and failed runs per day">
  <ChartContainer config={config} className="h-64 w-full">
    <BarChart data={data}>...</BarChart>
  </ChartContainer>
</ChartCard>