Score figure with a marker placed along its range and a rating word.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money18 } from "@/components/beste/piece/money18";
<Money18
label="Credit score"
score={742}
min={300}
max={850}
status="Good"
/>Ranked categories, each with an amount and a bar sized to its share.
Two currency columns linked by an arrow, with a rate caption beneath.
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.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.