Step nav

Purpose

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

Example

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

Live Examples

Example step nav

Description


Elements

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.