Oversized rate with its unit and a short note on how it compounds.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money16 } from "@/components/beste/piece/money16";
<Money16
label="High-yield savings"
rate="4.30%"
unit="APY"
note="Compounded daily, paid monthly"
/>Two currency columns linked by an arrow, with a rate caption beneath.
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.
Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.
Score figure with a marker placed along its range and a rating word.
Headline total with a percentage change and the period it covers.