Skip to main content
OwnDocs

Steps

1 min readStableBeginner

The Steps component turns an ordered list into a visual step-by-step guide with numbered circles and vertical connectors.

Quick Start

Three installation steps.

  1. Clone the repository

    Run git clone to get the project files.

  2. Install dependencies

    Run npm install.

  3. Start the dev server

    Run npm run dev.

Adding Options

Add a code block inside a step.

  1. Configure the environment

    Create a .env.local file:

    Bash
    Bash
    APP_PASSWORD=your-password
JWT_SECRET=your-secret

  2. Verify the setup

    Open http://localhost:3000.

Advanced

A full onboarding flow with nested content and multiple steps.

  1. Clone the repository

    Run git clone https://github.com/devops-infinity/owndocs.git my-docs.

  2. Configure environment

    Run bash scripts/setup-env.sh.

  3. Install dependencies

    Run npm install.

  4. Start the development server

    Run npm run dev and open the printed URL.

Options

childrenordered listrequired

Each list item becomes a numbered step.

Related pages

Cards

Was this page helpful?