# Multi-Step Checkout with Stepper Progress and Sticky Order Summary

> Four-step purchase flow for contact, address, delivery speed, and card/PayPal/Apple Pay payment, with promo code, validation, and a sticky order summary. Uses ReUI Stepper, Badge, Alert; shadcn Combobox, RadioGroup. For cart, order, checkout pages.

A paid shadcn/ui block sold by the [@reui](https://reui.io/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/reui/checkout-1).

- Page, with a preview: https://shadcn.exchange/r/reui/checkout-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/reui/checkout-1-light-4b0b9bf3466718d4.png
- Listed: 2026-10-13

## Buy and install

@reui sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/reui/checkout-1

## Dependencies

- npm packages: `cn`, `motion`, `sonner`
- Registry items: `@reui/alert`, `@reui/badge`, `@reui/stepper`, `button`, `checkbox`, `combobox`, `field`, `input`, `item`, `radio-group`, `separator`, `spinner`