# Steps and Step

<Steps>
  <Step title="Write">
    Create or edit an `.mdx` file under `docs/`.
  </Step>
  <Step title="Preview">
    Run `writedocs dev` and check the change in your browser.
  </Step>
  <Step title="Ship">
    Push your changes — build and deploy are handled from there.
  </Step>
</Steps>

```mdx
<Steps>
  <Step title="Write">
    Create or edit an `.mdx` file under `docs/`.
  </Step>
  <Step title="Preview">
    Run `writedocs dev` and check the change in your browser.
  </Step>
</Steps>
```

**`Step` props**

<Parameter name="title" type="string">
  An untitled step just renders its content without a bold heading line above it.
</Parameter>

<Parameter name="icon" type="string">
  Shown in the step's circle instead of its number. Later steps keep counting as if the number were there.
</Parameter>

<Parameter name="stepNumber" type="number">
  Sets this step's number. The steps after it continue from it.
</Parameter>

<Parameter name="titleSize" type='"p" | "h2" | "h3"' default='"p"'>
  Renders the title as an `h2` or `h3` instead of bold text.
</Parameter>

`Steps` itself takes no props — it's a plain wrapper that numbers and connects its `Step` children.