Receipt Stub

Thermal receipt with a merchant header, itemized lines, a total row, and a jagged torn edge at the bottom.

Packer's Coffee*** RECEIPT ***
  • Latte$4.50
  • Croissant$3.25
  • Mineral water$2.00
TOTAL$9.75

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

Import & use
import { Receipt1 } from "@/components/beste/piece/receipt1";

<Receipt1
  merchant="Packer's Coffee"
  items={[
    {
      "label": "Latte",
      "amount": "$4.50"
    },
    {
      "label": "Croissant",
      "amount": "$3.25"
    },
    {
      "label": "Mineral water",
      "amount": "$2.00"
    }
  ]}
  total="$9.75"
/>