Steps

Usa Steps para guías claras y numeradas, como flujos de configuración y solución de problemas.

Uso

<Steps>
  <Step title="Install">Add the package.</Step>
  <Step title="Configure">Set your options.</Step>
  <Step title="Run">Start the build.</Step>
</Steps>

Steps básicos

npm install @jamdesk/cli

jamdesk init

jamdesk dev

<Steps>
  <Step title="Install the package">

    ```bash
    npm install @jamdesk/cli
    ```

</Step>
  <Step title="Initialize your project">

    ```bash
    jamdesk init
    ```

</Step>
  <Step title="Start the dev server">

    ```bash
    jamdesk dev
    ```

</Step>
</Steps>

Steps sin títulos

Los Steps también funcionan sin títulos:

<Steps>
  <Step>

    Clone the repository from GitHub.

</Step>
  <Step>

    Install dependencies with `npm install`.

</Step>
  <Step>

    Run the development server.

</Step>
</Steps>

Contenido enriquecido en Steps

Cada step puede contener cualquier tipo de contenido:

{
  "apiKey": "your-api-key",
  "endpoint": "https://api.example.com"
}

const response = await client.getData();
console.log(response);

Steps con iconos

Usa iconos en lugar de números para mayor variedad visual:

<Steps>
  <Step title="Clone the repository" icon="code-branch">

    Clone from GitHub to your local machine.

</Step>
  <Step title="Install dependencies" icon="download">

    Run the package manager install command.

</Step>
  <Step title="Start developing" icon="rocket">

    Launch the development server.

</Step>
</Steps>

Tamaño de título

Controla la jerarquía de encabezados con titleSize en el contenedor Steps:

<Steps titleSize="h3">
  <Step title="First Step">

    This title renders as an h3 element.

</Step>
  <Step title="Second Step">

    Useful for SEO and document structure.

</Step>
</Steps>

Props

Steps

Step

¿Qué sigue?