DocumentationWizard Checkout

Documentation / Reference

Checkout Wizard

Cart review, shipping address, payment method, and confirmation flow. Route, source, and wizard review checklist.

Reference4 min

Route

Open this wizard example at /app/wizard-examples/checkout.

/wizard-examples/checkout

Source files

The catalog entry is defined in lib/wizard-example-catalog.ts.

The route is app/app/wizard-examples/[slug]/page.tsx.

The renderer is components/wizard-example-showcase.tsx.

Review checklist

Check wizard flows after form or layout changes.

  • Step indicators are readable.
  • Current step and completed step states are clear.
  • Form controls match the global focus and validation system.
  • Mobile layout keeps actions reachable.

Related

Other topics in the Reference category.

ReferenceReference Map

A map of every catalog-backed section documented in this app.

6 minReferenceChangelog

A human-readable record of major app hardening and documentation work.

4 minReferenceSimple Table Reference

Basic, themed, dense, height-limited, and fixed-header tables. Route, source, and table behavior checklist.

4 min