Income and expense rules leading to an emphasized net figure for the period.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money14 } from "@/components/beste/piece/money14";
<Money14
title="March"
incomeLabel="Income"
income="$8,420"
expensesLabel="Expenses"
expenses="$5,180"
netLabel="Net"
net="+$3,240"
/>Headline total with a percentage change and the period it covers.
Months of runway over a split of current balance and monthly burn.
Score figure with a marker placed along its range and a rating word.
Value and return paired with a clean sparkline tracing the period's trend.
Ranked categories, each with an amount and a bar sized to its share.
Oversized rate with its unit and a short note on how it compounds.