Receipt Lines

Dashed-border receipt with the store name and order id, three monospaced quantity-name-price rows, a subtotal, and a bold final total with payment method.

Beste Goods · SF

INV-2026-0421

2× Air Max 90$258.00

1× Cotton Tee$48.00

1× Retro Shades$38.00

Subtotal$344.00

Total$368.14

Paid · Visa ending 4242

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

Import & use

import { Commerce25 } from "@/components/beste/piece/commerce25";

<Commerce25
  storeName="Beste Goods · SF"
  orderId="INV-2026-0421"
  lines={[
    {
      "qty": 2,
      "name": "Air Max 90",
      "price": "$258.00"
    },
    {
      "qty": 1,
      "name": "Cotton Tee",
      "price": "$48.00"
    },
    {
      "qty": 1,
      "name": "Retro Shades",
      "price": "$38.00"
    }
  ]}
  subtotal="$344.00"
  total="$368.14"
  paid="Visa ending 4242"
/>