Steps#

If you have a number of steps for a reader to follow, the steps component is a great choice.

General usage#

You can make steps by making a container <Steps> component with any number of <Steps.Step> inside them.

You can put any content inside of a step, so don't feel restricted to just text. Steps work great with a level 3 heading as the first element.

<Steps>
  <Steps.Step>
    ### Step one
    Step content goes here
  </Steps.Step>
  <Steps.Step>
    ### Step two
    Step content goes here
  </Steps.Step>
</Steps>

Component API - <Steps />#

The base Steps component only has some children, no specific props.

Component API - <Steps.Step />#

An individual step component only has some children, no specific props.