Daily Metrics Card
A compact card for a single metric: label, number, and icon.
Paquetes en tienda
128
Por recibir
14
Por entregar
9
Caducados
2
Installation
pnpm dlx shadcn@latest add @ecodeliver/daily-metrics-cardUsage
Pass a Lucide icon component, not a React node. The card sizes the icon itself.
import { Package } from "lucide-react";
import { DailyMetricsCard } from "@/components/registry/daily-metrics-card";
export function Example() {
return <DailyMetricsCard label="Paquetes hoy" value={128} icon={Package} />;
}API Reference
DailyMetricsCard
DailyMetricsCard renders one labeled metric.
| Prop | Type | Default |
|---|---|---|
label | string | - |
value | number | - |
icon | LucideIcon | - |