Donut Chart Card

Example

import { DonutChartCard } from "matcha-ui";

const data = [
  { label: "Free", value: 38 },
  { label: "Pro", value: 46 },
  { label: "Enterprise", value: 16 },
];

<DonutChartCard
  title="Subscribers by plan"
  description="Current mix"
  data={data}
/>