steps.mdx

title	description	icon
Steps	Sequence content using the Steps component	arrow-progress

Steps are the best way to display a series of actions of events to your users. You can add as many steps as desired.

These are instructions or content that only pertain to the first step. These are instructions or content that only pertain to the second step. These are instructions or content that only pertain to the third step.

<Steps>
  <Step title="First Step">
    These are instructions or content that only pertain to the first step.
  </Step>
  <Step title="Second Step">
    These are instructions or content that only pertain to the second step.
  </Step>
  <Step title="Third Step">
    These are instructions or content that only pertain to the third step.
  </Step>
</Steps>

Steps Props

A list of `Step` components. The size of the step titles. One of `p`, `h2` and `h3`.

Individual Step Props

The content of a step either as plain text, or components. A [Font Awesome icon](https://fontawesome.com/icons) or SVG code in `icon={}` One of `regular`, `solid`, `light`, `thin`, `sharp-solid`, `duotone`, `brands` The title is the primary text for the step and shows up next to the indicator. The number of the step. The size of the step titles. One of `p`, `h2` and `h3`.