Steps

Steps numbers the steps of a setup or a tutorial, with a title next to each number.

<Steps>
  <Step title="Connect GitHub">
    Install the GitHub App on the repository.
  </Step>
  <Step title="Add a post">
    Push `blog/hello-world.mdx`.
  </Step>
  <Step title="Go live">
    Every push to the production branch deploys the site.
  </Step>
</Steps>

Three numbered steps on a Notra site — How it looks on your site

Notra numbers the steps in order, starting at 1.

Props

Step

string

The step’s headline, next to its number.

Steps takes no props.

Styling

The list carries the class steps and each item carries step.

Last modified on October 8, 2026

Get started

Domains

Write content

Components

Customize

Publish

Reference

Props

Step

Styling

​Props

​Step

​Styling

Props

Step

Styling