Steps

Use the <Steps /> & <Step /> component to display data in a sequential order to your users, useful for onboarding or guiding users through a process.

Example

• Install via NPM

  Install via npm:

  npm install newpackage
  

  The newpackage executable will be available in your terminal.

• Configure

  Configure the package

  newpackage configure --init
  

• Local Development

  Start your development server.

  newpackage dev --port 3000
  

<Steps>
  <Step title="Install via NPM">
    Install via npm:

    ```js
    npm install newpackage
    ```

    The `newpackage` executable will be available in your terminal.
  </Step>
  <Step title="Configure" icon="gear">
    Configure the package

    ```js
    newpackage configure --init
    ```
  </Step>
  <Step>
    Start your development server.

    ```js
    newpackage dev
    ```
  </Step>
</Steps>

This example will render the following:

Props