Steps

Guide readers step-by-step using the Steps component.

The Steps component is perfect for organizing procedures or workflows in a clear sequence. Include as many individual steps as necessary to outline your process.

Steps Usage

You can use the Steps component to create a step-by-step guide. Each step is represented by a Step component, which includes a title and content.

<Steps>
  <Step title="Step 1">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </Step>

  <Step title="Step 2">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </Step>

  <Step title="Step 3">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  </Step>
</Steps>

Properties