Step nav


Step navigation allows learners to progress through the individual steps of the week.


Screenshot 2018 02 14 12 47 31
Screenshot 2018 02 14 12 47 36

Live Examples

Example step nav


It includes a step title and step type, and an arrow icon to indicate next and previous directions.

The next arrow has a subtle animation, which activates when progress toggle button is pressed. The animation is added to encourage learners to progress to the next step.