Skip to main content

Steps

The <Steps> component is an ideal way to present multiple steps in your documentation.

Attributes

titleSizestringrequireddefault: h3

Choose which markdown header will be turned into <Steps>.

Possible values: h2, h3, h4, h5, h6.


Example

Below is an example of the steps presentation:

1
First Step

First step content

2
Second Step

Second step content

h2
<Steps titleSize="h2">
## First Step
First step content

## Second Step
Second step content
</Steps>
1
First Step

First step content

2
Second Step

Second step content

h3 & h4
<Steps>
### First Step
First step content

<Steps titleSize="h4">
#### Step 1.1
First step content

#### Step 1.2
Second step content
</Steps>

### Second Step
Second step content
</Steps>
1
First Step

First step content

1
Step 1.1

First step content

2
Step 1.2

Second step content

2
Second Step

Second step content