1 line wizard/case flow:

All styles:


Real-world example (use for click testing):




2 line wizard/case flow:


All styles:

  • Visited
    Line 2
  • Active
    Line 2
  • Normal
    Line 2
  • Disabled
    Line 2
  • Orange
    Line 2
  • Visited
    Line 2
  • Red, pointing left
    Line 2
  • Normal
    Line 2
  • Red
    Line 2

Real-world example (use for click testing):

  • Incoming
    ABC
  • Entry
    ABC
  • Authorisation with extra long label
  • Final
    LMN