Use the steps shortcode with step children to render a styled ordered list. Each step becomes a numbered list item and its inner content supports Markdown.

Usage

{{< steps >}}
{{< step >}}
First step content.
{{< /step >}}
{{< step >}}
Second step content.
{{< /step >}}
{{< /steps >}}

Parameters

Neither steps nor step accept parameters. All content goes inside the step body.

Example

Preview
  1. Install dependencies

    npm install
  2. Start the development server

    npm run dev
  3. Open http://localhost:1313 in your browser.
{{< steps >}}
{{< step >}}
**Install dependencies**

```bash
npm install
```

{{< /step >}}
{{< step >}}
**Start the development server**

```bash
npm run dev
```

{{< /step >}}
{{< step >}}
Open `http://localhost:1313` in your browser.
{{< /step >}}
{{< /steps >}}