Months of runway over a split of current balance and monthly burn.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money20 } from "@/components/beste/piece/money20";
<Money20
label="Runway"
runway="14 months"
balanceLabel="Balance"
balance="$420k"
burnLabel="Monthly burn"
burn="$30k"
/>Monthly recurring revenue with its growth and a tonal bar history.
Ranked categories, each with an amount and a bar sized to its share.
Income and expense rules leading to an emphasized net figure for the period.
Value and return paired with a clean sparkline tracing the period's trend.
Headline total with a percentage change and the period it covers.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.