Wizard and stepper
Horizontal steps for short linear flows (Create product: Pick, Read, Confirm): numbered marks for upcoming, current, complete, error and locked. Phone: a compact "Step 2 of 3" indicator.
Lifted from the approved family page at build time; interact with it.
Create Product runs in three steps. Finished steps stay clickable; steps ahead are locked until the one before is valid.
In progress
Step with an error, next step locked
Last step
Step kinds
Interaction states (a finished step)
.wz-steps.wz-step.wz-mark.wz-linearia-current=step--accent--primary--destructive from families/wizard-stepper/#stepper