Molecule

Metric Card

KPI dashboard card molecule. Rendered live from design/molecules/MetricCard.tsx.

Live @/design render

Metric Label 1

128.5

+12%

Metric comparison caption

Metric Label 2

Metric comparison caption

Metric Label 3

18.2

-8%

Metric comparison caption

import { … } from "@/design"
// source: design/molecules/MetricCard.tsx