Stat Grid
Responsive grid of StatCards. Size controls gap and card density.
Large
Default size for overview metrics.
Net Worth
$420,830
+2.4% this month
Financial Net
$210,045
Cash + Investments - Credit Cards
Cash
$32,440
+$1,200
Small
Compact cards for category breakdowns.
Groceries
$840
Travel
$560
Utilities
$220
DiningRestaurants
$380
GasFuel
$120
Developer
import { StatGrid } from "@financial-tracking/design-system"API reference
Children are typically StatCard compositions (StatCardValue, StatCardDelta, StatCardSubtext).
| Prop | Type | Default |
|---|---|---|
size | "small" | "large" | "large" |