FlowStepper

Step-by-step flow state with history, and a progress, Back, Next and actions row you place on the screen.

Place FlowStepper.Progress in the shell's header and FlowStepper.Actions in its footer, and both follow one useFlow.

Bar progress

Set type="bar" on FlowStepper.Progress to show a filling bar in place of the step titles.

Skipped step

Mark a step skip: true to leave it out of next, the progress and the count.

Custom actions

Pass extra to put a Start over button between Back and Next, and a FlowStepper.Back as back to relabel it.