Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money4 } from "@/components/beste/piece/money4";
<Money4
merchant="Stripe payout"
category="Income"
amount="+$3,240.00"
date="Today · 09:14"
direction="incoming"
/>Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.
Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.
Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.
Two currency columns linked by an arrow, with a rate caption beneath.
Gradient wallet card with an uppercase label, big balance, and currency code.
Ranked categories, each with an amount and a bar sized to its share.