← All components

Line Chart Card

Responsive time-series charts for metrics dashboards.

Monthly revenue
Last 6 months

Example

import { LineChartCard } from "matcha-ui";

const data = [
  { label: "Jan", value: 12000 },
  { label: "Feb", value: 13500 },
  { label: "Mar", value: 12800 },
  { label: "Apr", value: 15400 },
  { label: "May", value: 17100 },
  { label: "Jun", value: 16000 },
];

<LineChartCard
  title="Monthly revenue"
  description="Last 6 months"
  data={data}
/>