Compact invoice card with an ID header, line items, and a subtotal, tax, and total block at the bottom.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Money7 } from "@/components/beste/piece/money7";
<Money7
number="INV-20481"
lines={[
{
"description": "Block license",
"qty": 2,
"price": "$49.00",
"total": "$98.00"
},
{
"description": "Support hours",
"qty": 4,
"price": "$35.00",
"total": "$140.00"
}
]}
subtotal="$238.00"
tax="$47.60"
total="$285.60"
/>Bill total header above an overlapping avatar stack with the per-person share on the right.
Ranked categories, each with an amount and a bar sized to its share.
Dashed-border card with an emerald cash bubble, a status label, and a bold amount with currency.
Gradient wallet card with an uppercase label, big balance, and currency code.
1.586 aspect payment card with a gradient body, gold chip, masked digits, holder name, and expiry.
Ticker row with symbol, company, price, a tiny sparkline, and a signed percentage delta.