Value and return paired with a clean sparkline tracing the period's trend.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money15 } from "@/components/beste/piece/money15";
<Money15
label="Portfolio"
value="$52,840"
delta="+12.4%"
period="Past 12 months"
points={[
20,
24,
22,
30,
28,
36,
33,
42,
48,
45,
56,
62
]}
/>Headline total with a percentage change and the period it covers.
Income and expense rules leading to an emphasized net figure for the period.
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.
Monthly recurring revenue with its growth and a tonal bar history.
Category row with spent over budget caption and a progress bar that colors emerald, amber, or rose as it fills.