Monthly recurring revenue with its growth and a tonal bar history.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money21 } from "@/components/beste/piece/money21";
<Money21
label="MRR"
amount="$48.2k"
delta="+12% MoM"
bars={[
38,
44,
41,
52,
58,
55,
67,
72,
70,
81,
88,
100
]}
/>Plan name with its recurring price and the date of the next charge.
Months of runway over a split of current balance and monthly burn.
Headline total with a percentage change and the period it covers.
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.