← All components

Bar Chart Card

Responsive category charts for SaaS reports and KPIs.

Weekly signups
New users per day

Example

import { BarChartCard } from "matcha-ui";

const data = [
  { label: "Mon", value: 34 },
  { label: "Tue", value: 41 },
  { label: "Wed", value: 28 },
  { label: "Thu", value: 52 },
  { label: "Fri", value: 47 },
];

<BarChartCard
  title="Weekly signups"
  description="New users per day"
  data={data}
/>