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.

Payment received

$1,240.00

Bramble Health · May care plan

MethodVisa ending 4417
ReferenceSIR-4821
SettledIn 2 working days

New here? Read the installation guide.

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

<Receipt3
  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.