Dashboard card · Figma → React

Generated component

Token map · 12 of 12 resolved

Generated TSX

export function DashboardCard({ value, deltaPct, points }: CardProps) {
  return (
    <Card className="dashboard-card">
      <Card.Title>Active sessions</Card.Title>
      <Stat value={value} delta={deltaPct} />
      <Sparkline points={points} stroke="var(--color-accent)" />
    </Card>
  );
}