Steps

Basic Usage

First Step

This is the content for the first step.

Second Step

This is the content for the second step.

mdx

<Steps>
  <Step title="First Step">
    This is the content for the first step.
  </Step>
  <Step title="Second Step">
    This is the content for the second step.
  </Step>
</Steps>

Props

Steps

children

ReactNode

The Step components.

titleSize

"p" | "h2" | "h3"

default: p

The HTML element used for step titles.

Step

title

string

The title of the step.

children

ReactNode

The content of the step.

icon

string | ReactNode

Optional icon that replaces the auto-numbered circle.

Examples

With Icons

Install

Run the installation command.

Configure

Update the configuration file.