close
  • English
  • Steps

    Steps renders Markdown content into step-by-step instruction blocks.

    Usage

    Step 1

    Content for step 1.

    Step 2

    Content for step 2.

    index.mdx
    import { Steps } from '@rspress/core/theme';
    
    <Steps>
    
    ### Step 1
    
    Content for step 1.
    
    ### Step 2
    
    > Content for step 2.
    
    </Steps>

    Write headings inside <Steps>; each heading starts a new step. Markdown under a heading becomes that step’s body.