# Statement Receipt block

> Two-column statement-style order receipt with metadata sidebar and itemized line totals

Statement-layout receipt: left sidebar with brand mark, Paid badge, large Total Paid amount and order/payment/address blocks; right pane lists items and totals. ReUI Badge, shadcn Card, Item, Button. Order confirmation, invoice, purchase summary.

- Type: Pro block
- Category: [Receipt](https://web.dev.reui.io/blocks/ecommerce/receipt.md)
- Page: https://web.dev.reui.io/blocks/ecommerce/receipt/receipt-5
- MCP: `get_block("receipt-5")`
- 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

A 2 pane statement whose sidebar stacks total paid, card, arrival window and address above a full width Track button

## Agent notes

- The Ships To section prints only the first entry of `SHIP_TO.lines`, so an apartment or suite line is dropped from the sidebar
- `SHIPMENT.earliestDelivery` and `latestDelivery` are year-less strings like May 22, and `trackingHref` backs the Track Your Shipment button
- The Paid badge in the sidebar is fixed text, so `status` in `OrderInfo` never changes it

## When not to use

- A page that lists Bill To next to Ship To and Payment: use [Order Confirmation](https://web.dev.reui.io/blocks/ecommerce/receipt/receipt-1.md) (`get_block("receipt-1")`)

## Install

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

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