Checkout

Order Summary

A read-only order review with line items, subtotal, shipping, tax, and total.

money

review

totals

Preview

Subtotal$129.00

Total$139.32

Run the shadcn CLI. Dependencies and the shared lib block come with it.

npx shadcn add order-summary

Import

import { OrderSummary } from "@/components/lumo/order-summary"

Example

<OrderSummary
  lines={lines}
  subtotal={subtotal}
  shipping={{ amount: 0, currency: "USD" }}
  tax={tax}
  total={total}
/>

Prop	Type	Default	Required
lines	CartLine[]	-	Required
subtotal	Money	-	Required
shipping	Money	-
tax	Money	-
total	Money	-
title	string	"Order summary"
locale	string	-

All props accept standard HTML attributes unless otherwise specified.

Lumo blocks

Lumo blocks copy into your repo. No runtime dependency, no lock-in. Edit the code to fit your product.