Invoice Summary

Compact invoice card with an ID header, line items, and a subtotal, tax, and total block at the bottom.

Invoice#INV-20481
  • Block license2 × $49.00$98.00
  • Support hours4 × $35.00$140.00
Subtotal$238.00
Tax$47.60
Total$285.60

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
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"
/>