Steps Component

The <Steps> component allows you to guide users through a series of sequential steps, providing instructions and content for each step along the way.

Each step can have arbitrary Markdown or other components.

Structure

The <Steps> (plural) component expects as children a sequence of <Step> (singular) components.

<Steps>
  <Step title="...">
    ...
  </Step>
  <Step title="...">
    ...
  </Step>
</Steps>

Passing anything other than a <Step> components as a child to the <Steps> component will result in an error.

Attributes

The <Steps> and <Step> components can be customized using the following attributes.

Step title

Each <Step> (singular) component must have a title attribute, which specifies the title of the step.