← ui-lab

Steps

A steps / wizard indicator for a linear flow. The steps are an ordered list with the current one marked aria-current="step"; Back and Next move through the flow and are disabled at the ends, and the current step's panel is shown in a labelled region.

Preview

  1. Cart
  2. Shipping
  3. Payment
Review your cart.

Installation

npx shadcn@latest add https://ui.publictheta.com/r/steps.json

Conformance

This component conforms to the @publictheta/ui-spec steps specification. Run the suite against any implementation with pnpm conformance.