Invoice Summary Card

Invoice

#4821
Paid
Care plan · May$980.00
Lab processing$180.00
Platform fee$80.00
Total$1,240.00
About this piece

Invoice Summary Card

An invoice card with a reference and paid status, itemized line amounts, and a bold total row.

Usage

The import and the props worth knowing about, in one place.

import { Receipt2 } from "@/components/beste/piece/receipt2";

<Receipt2
  surface="card"
  bordered={true}
  inverted={false}
  title="Invoice"
  reference="#4821"
  status="Paid"
  items={[
    {
      "label": "Care plan · May",
      "amount": "$980.00"
    },
    {
      "label": "Lab processing",
      "amount": "$180.00"
    },
    {
      "label": "Platform fee",
      "amount": "$80.00"
    }
  ]}
  total="$1,240.00"
/>

More Receipt pieces

View all Receipt
Beste RecordsOrder 4821
Blue Note Vinyl$34.00
Tote Bag$18.00
Espresso$4.50
Tax$4.52
Total$61.02

Printing Receipt

A paper slip that slides out of a printer slot, revealing line items down to a serrated edge, then highlights the total once the print finishes.

Payment received

$1,240.00

Bramble Health · May care plan

MethodVisa ending 4417
ReferenceSIR-4821
SettledIn 2 working days

Payment Confirmed Card

A settlement card led by a success mark and the amount taken, with the method, reference, and clearing time listed under a hairline.