Round symbol tile, asset name and price, plus a signed 24h delta with trend arrow.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money1 } from "@/components/beste/piece/money1";
<Money1
symbol="BTC"
name="Bitcoin"
price="$67,420.30"
delta={2.4}
tone="primary"
/>Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.
Directional arrow bubble beside a merchant name, category and date meta, and a signed amount on the right.
Gradient wallet card with an uppercase label, big balance, and currency code.
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.
Headline total with a percentage change and the period it covers.