Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
The import and the props worth knowing about, in one place.
import { Money4 } from "@/components/beste/piece/money4";
<Money4
surface="card"
bordered={true}
inverted={false}
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.
Two currency columns linked by an arrow, with a rate caption beneath.
Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.