# Order Confirmation block

> Printable order receipt with paid badge, itemized items, totals breakdown, and shipment tracking

Post-checkout receipt for a completed purchase: Paid badge, Ship/Bill/Payment grid, line items with thumbnails, subtotal-discount-tax-total summary, Download/Email/Print actions. ReUI Badge, shadcn Card, Button, Item. Order confirmation, invoice.

- Type: Pro block
- Category: [Receipt](https://web.dev.reui.io/blocks/ecommerce/receipt.md)
- Page: https://web.dev.reui.io/blocks/ecommerce/receipt/receipt-1
- MCP: `get_block("receipt-1")`
- Built with: Badge, Button, Card, Item, Separator
- Installs with a ReUI Pro or Ultimate license; setup: https://web.dev.reui.io/docs/license-setup

## Best for

One Card receipt headed Thanks For Your Order, with Ship To, Bill To and Payment in 3 columns and an arrival window footer

## Agent notes

- The footer prints `SHIPMENT.earliestDelivery` and `latestDelivery` as plain text, and `trackingHref` is a placeholder link
- The Paid badge is literal text, so `status` on `ORDER` changes nothing, and `cardholder` on `PAYMENT` is never rendered
- The footer support link hardcodes its `aria-label` as Halden support instead of reading `SHOP.name`

## When not to use

- An invoice that staff compose with editable line items and live totals: use [Invoice Creator](https://web.dev.reui.io/blocks/application/form/form-3.md) (`get_block("form-3")`)
- A narrow monospaced slip with no photos for a till style print: use [Till Slip Receipt](https://web.dev.reui.io/blocks/ecommerce/receipt/receipt-3.md) (`get_block("receipt-3")`)

## Install

```bash
npx shadcn@latest add @reui/receipt-1
```

## About Receipt blocks

### When to use

- The order confirmation a shopper lands on after checkout, with items, discount, tax, total and card used
- A proof of purchase the shopper can download, email to themselves or print
- An order page after purchase for tracking the parcel, buying again, starting a return or writing a review

### When not to use

- Staff side order review, tracking or a shipping label inside a stock operations tool: use the [Inventory blocks](https://web.dev.reui.io/blocks/solutions/inventory.md)
- A history of many payments or transactions, one signed amount on each row: use the [List blocks](https://web.dev.reui.io/blocks/application/list.md)
- Invoices, subscriptions and dunning run by finance staff, not one shopper's order: use the [Billing blocks](https://web.dev.reui.io/blocks/solutions/billing.md)

### Agent notes

- `TOTALS` and each item's `lineTotal` in data.ts are typed in, never computed from `quantity` and `unitPrice`; derive them from your order
- Download and Email only dispatch a `CustomEvent` on `window` and Print calls `window.print`, so nothing builds a PDF or sends mail
- `formatCurrency` is fixed to en-US and `ReceiptTotals` types `currency` as USD only; widen both to show another currency

Every ReUI item has a twin like this one; the index is https://web.dev.reui.io/llms.txt. Agents with the ReUI MCP (https://web.dev.reui.io/docs/mcp) get the same guidance from the getters named above.