Examples
Reusable headless stepper patterns for checkout, release workflows, and validation states.
Checkout progression
An uncontrolled stepper with completed, current, optional, and disabled steps.
Headless stepper checkout progression (plain CSS)
Headless stepper checkout progression (Tailwind CSS)
Release pipeline
Linear mode blocks future incomplete steps while keeping completed steps navigable.
Headless stepper release pipeline (plain CSS)
Headless stepper release pipeline (Tailwind CSS)
Error surface
Error state wins over completed and current styling hooks.