Commerce

Checkout

Supports one part of the product-to-order journey.

Live example

ORD-1048

Review your order

Prices and availability are confirmed by your server before payment begins.

Order summary

Everyday tote × 2$96.00

Subtotal$96.00

Shipping$8.00

Tax$0.00

Discount−$0.00

Total$104.00

Interactive preview using local sample data. Styling is intentionally left to the consuming project.

Usage

// Checkout usage will be documented here.

Adopt to your project

This Commerce → Checkout component provides a neutral structural starting point. Adapt local visual presentation through documented props and className without changing its semantic purpose.

Accessibility

Accessibility behavior, labels, focus management, and keyboard support will be verified from the component source.

API reference

API focus
Public props, defaults, callbacks, data shape, and state transitions will be verified from source.

The preview uses safe local sample data. Check the exported TypeScript types before adapting it to project data.

Installation

Full library
pnpm install:project /absolute/path/to/your-project

Planned guided selection
Commerce → Checkout