Headline total with a percentage change and the period it covers.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money12 } from "@/components/beste/piece/money12";
<Money12
label="Net worth"
amount="$248,910"
delta="+4.2%"
period="this quarter"
/>Income and expense rules leading to an emphasized net figure for the period.
Ranked categories, each with an amount and a bar sized to its share.
Value and return paired with a clean sparkline tracing the period's trend.
Monthly recurring revenue with its growth and a tonal bar history.
Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.
Months of runway over a split of current balance and monthly burn.