Skip to content
Powered byPagefind
Stradocs
StepsSteps

Steps

Step-by-step guide component with automatic numbering.

Steps renders an ordered list as a styled step-by-step guide with automatic numbering. Works in both .md and .mdx files.

Usage

Wrap an ordered list with :::steps. Each list item becomes a step.

:::steps
1. Plain text title

   Step content here.

2. ## Heading title

   Step content here.

3. `Code title`
   - Item one
   - Item two

4. No title, just content.
:::

Preview

  1. Plain text title

    Step content here.

  2. Heading title

    Step content here.

  3. Code title

    • Item one
    • Item two

  4. No title, just content.