Trend Cards

>npx @shavin/cli add metrics-trend-cards

Last 7 weeks

Where your money is moving

Groceries per week

$148.22

−9.3%

Emergency fund

$11,460.00

+5.1%

Dining out per week

$96.40

+12.6%

Add this block directly into your project codebase with all dependencies and tokens resolved:

npx @shavin/cli add metrics-trend-cards

100% Token Compliant: Zero raw hex colors or arbitrary values; remaps seamlessly in dark and light modes.
Concentric Radius: Set radius="concentric" on nested elements to auto-resolve inner radius from the container's padding.
Multi-Device Responsive: Designed for Desktop (1280px+), Tablet (768px), and Mobile (375px) breakpoints.

Tags:#metrics#trend#sparkline