Payment Confirmed Card

Payment received

$1,240.00

Bramble Health · May care plan

MethodVisa ending 4417
ReferenceSIR-4821
SettledIn 2 working days
About this piece

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.

Usage

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

import { Receipt3 } from "@/components/beste/piece/receipt3";

<Receipt3
  surface="card"
  bordered={true}
  inverted={false}
  status="Payment received"
  amount="$1,240.00"
  caption="Bramble Health · May care plan"
  rows={[
    {
      "label": "Method",
      "value": "Visa ending 4417"
    },
    {
      "label": "Reference",
      "value": "SIR-4821"
    },
    {
      "label": "Settled",
      "value": "In 2 working days"
    }
  ]}
/>

More Receipt pieces

View all Receipt

Invoice

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

Invoice Summary Card

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

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.