Skip to content
Pebble Pro is here at $49 one timeSee what’s included ↗
Pebble
ComponentsDocsMCPPricing
⌕ Find a component↗Log in
All components 673

Categories

Core inputs & forms46Buttons & actions33Navigation36Overlays & feedback49Data display33Charts & data viz40Cards & layout43Marketing blocks38App shells & pages37AI interfaces40Text & typography effects33Backgrounds & visual effects38Motion & transitions32Numbers & counters32Media34E-commerce333D & interactive36Themed sets40
Start with the essentials.Installation guide ↗Connect your agent ↗
← All componentsE-commerce

Order Receipt

Email-style order receipt: shop mark, thanks and order number, item table with drawn thumbnails, totals, payment and shipping address, help links; prints flat with URLs spelled out.

Preview

PebbleReceipt · Nov 3, 2026

Thanks, Ines. Your order is confirmed.

Order #20594 · Arrives Thu, Nov 6

4 items
ItemQuantityPrice
Arc desk lampSand · warm LED×Quantity 1$89.00
Dot-grid notebookA5 · 3-pack×Quantity 2$32.00
Brass rollerball×Quantity 1$34.00
Subtotal
$155.00
Shipping
Free
Welcome code
−$15.50
Tax
$11.68
Total
$151.18

Paid with

Card ending 4021Charged Nov 3, 2026

Shipping to

Ines Moreau22 Linden Row, Apt 4Portland, OR 97205

Questions about this order?

  • Track order
  • Start a return
  • Contact support

Install

Pro source requires Pebble Pro. Try the full preview above.

Props

PropTypeDefaultDescription
shop{ name: string; mark?: ReactNode }—Shop name and small header mark.
orderNumberstring—Order reference.
datestring—Pre-formatted receipt date (no clock reads).
customerstring—First name for the thanks line.
items{ id; name; detail?; quantity; price; thumb? }[]—Lines; price is per unit.
shipping / taxnumber0Shipping 0 shows Free; tax 0 hides the row.
discount{ label: string; amount: number }—Subtracted from the total.
payment{ method: string; detail?: string }—Paid with block.
addressstring[]—Shipping address lines.
deliverystring—Delivery estimate after the order number.
links{ label: string; href: string }[][]Help links; URLs are spelled out in print.
currency / localestring"USD" / —Money formatting.
printablebooleantrueShows a Print button (hidden when printing).

Pro component

Try the full preview above. Editable source and build guides require Pebble Pro.

Buy Pebble Pro — $49How source access works ↗
Pebble

Small details.
Better interfaces.

React components to explore, make your own, and build on.

Library

  • Components
  • Installation
  • Pricing

Resources

  • For agents
  • About
  • Support

Legal

  • License
  • Terms
  • Privacy
  • Final sale

Built by Pebble

A product of Praxys Solutions LLC ↗

Pebble Pro is live

$49 one time, lifetime updates ↗