Steps#

React#

  1. 1
    Wake Up
  2. 2
    Eat breakfast
  3. 3
    Go out for more food
  4. 4
    Go home and go to bed

Properties

Class Name

Orientation

Progress

Interactive Step#

Properties

Orientation

Class Name

Progress

Customize StepConnector#

  1. 1
    Noord
  2. 2
    Centraal
  3. 3
    De Pijp
  4. 4
    Zuid

By default the StepConnector grows in the parent flex layout. In the above example, the last 2 connectors' flex-grow is set to 0 and are instead given static widths.

Props#

Steps

Props

nametypedefaultdescription

Step

Props

nametypedefaultdescription

StepConnector

Props

nametypedefaultdescription