---
title: Steps
description: Numbered step-by-step guides for setup and tutorial content.
url: http://localhost:3040/components/steps
---

# Steps

Numbered step-by-step guides for setup and tutorial content.

Use `` and `` to structure sequential instructions. Each step renders as a numbered item with a connector line between steps.

## Example

    ```bash
    npm install @company/sdk
    ```

    Create a `.env` file at the root of your project:

    ```bash
    API_KEY=sk-your-key-here
    ```

    ```typescript
    import { ApiClient } from '@company/sdk'

    const client = new ApiClient({ apiKey: process.env.API_KEY })
    const result = await client.pets.list()
    console.log(result)
    ```

```mdx

    Content for step one.

    Content for step two.

```

## Props

### ``

| Prop | Type | Description |
|---|---|---|
| `title` | `string` | Step heading displayed next to the number |