Production-ready stepper blocks

A single progress bar that fills as the user advances.

Segmented control where each step is a selectable tab.

An SVG progress ring around the current step number.

A breadcrumb-style trail of steps with chevrons.

A sidebar-style vertical layout: step rail on the left, long-form content on the right, collapsing to a compact nav on mobile.

A three-step account onboarding flow with per-step validation.

A card-style onboarding walkthrough with dot indicators and free navigation.

A lesson playlist with typed per-lesson metadata and a final quiz.

Service, professional, time slot, and confirmation.

A shipment tracker driven by typed per-step metadata (carrier, location, ETA).

Workspace, branding, and members setup for a new SaaS tenant.

Collect invites into draft flow data, then review and send them.

Onboarding whose path is computed from an earlier answer: team accounts visit the invite step, personal accounts skip it.

Choose a plan, set billing, then pay — billing path branches on the plan.

Pick a method, verify a code, save backup codes.

Identity, document, and selfie verification steps.

Discover, pair, configure, and ready a device over an async transition.

Build, test, deploy, verify pipeline status with typed stage metadata.

A multi-stage submission and approval chain.

A progress panel that computes percent complete and an ETA from typed per-step metadata (estimated minutes).

A checkout where each step has a Zod schema; validate() inside a beforeStepChange guard blocks invalid input before the review step.

A deploy flow with an async guarded transition, pending UI, a failed first attempt, and a retry path.

A vertical audit timeline where each step carries typed metadata (actor, role, SLA hours) read straight off `step` and `stepper.current` with full inference.

A plan finder that branches to different follow-up questions and converges on a result computed from the answers.

A controlled wizard whose active step is synced to localStorage and the URL hash.

An iterative generation flow where each run is appended to flow data and Refine loops back to the prompt.

An exhaustive stepper.match() over every step id — add or remove a step and the match becomes a compile error until you handle it.

A SaaS settings wizard with sticky step nav, per-step validation, and an unsaved-changes guard wired through beforeStepChange and beforeunload.