The Timeline Component is meant to visualize processes in an easy and intuitive way.
Table of ContentsEdit this section, Opens in new window
The progress tracker is meant to show the user where the user is in a process that requires multiple steps. Not to be confused with "Progress Indicator" or "Progress bar”.
VariationsEdit this section, Opens in new window
Do not use the Timeline Component if you have more than 4 steps. Steps needs to be easily scanned to get an overview of the steps. It is better to bundle steps into main steps if there are more than 4 steps. Always aim to use 3 steps since the reason with the Timeline Component is to get an overview of the process
Use labels that indicate the purpose of the step. When writing the step title, be short and concise. Use maximum 1-2 words.
Under "Read more" it is possible to add text that further describe the step. Here it is meant that the user can find more information about each step. The text should be short and concise. Maximum 4 lines.