When To Use
A Stepper is used when a series of pages are needed to complete a process or connect a series of pages in a specific order. The primary case is in the context of a multi-step form.
Each step label should be at maximum 2 words long.
When a step is selected the <title> element should be updated to reflect the current step number and step label “Step: 1: {{Current Step Label}}”. Recommended to prepend to the existing title e.g. “Step 1: {{Current Step Label}} - {{Page/Application Context}}”
When a step is selected the <h1> element should append the current step details e.g. “{{Page/Application Context}} - Step 1: {{Current Step Label}}”