Order summaries

Receipt-style line-item + breakdown panel for cart / checkout.

Preview

Order summary

Distant Mountains Artwork Tee

Qty 1

$36.00
Camera Strap Lens Bag

Qty 2

$45.00

Subtotal: $126.00
Shipping: $8.00
Tax: $12.00
Total: $146.00

React preview

LiveView (HEEx)

alias DesignSystem.UI.OrderSummaries

<OrderSummaries.order_summary items={@cart.items} breakdown={@cart.breakdown} />

React (JSX)

import { OrderSummary } from "../ui/index.mjs"

<OrderSummary items={cart.items} breakdown={cart.breakdown} />