Skip to content
Readsmith

Steps

A procedure is a sequence, so Steps renders a real ordered list: the numbers are counters, not decoration, and screen readers announce the structure correctly.

A procedure

  1. Create the environment file

    Copy .env.example to .env and set a password. Everything else has a working default.

  2. Start the stack

    docker compose up

    Steps hold any content: prose, code blocks, callouts, images.

  3. Verify

Usage

<Steps>
  <Step title="Create the environment file">
    Copy `.env.example` to `.env`...
  </Step>
  <Step title="Start the stack">
    ...
  </Step>
</Steps>

Props

Prop On Type Effect
title Step string The step's headline; the body elaborates
Was this page helpful?