Two currency columns linked by an arrow, with a rate caption beneath.
The import and the props worth knowing about, in one place.
import { Money2 } from "@/components/beste/piece/money2";
<Money2
surface="card"
bordered={true}
inverted={false}
fromCurrency="USD"
fromAmount="1.00"
toCurrency="EUR"
toAmount="0.92"
rate="1 USD = 0.92 EUR"
/>Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Oversized rate with its unit and a short note on how it compounds.
Score figure with a marker placed along its range and a rating word.
Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.