Passaggi

Usa Steps per creare procedure guidate numerate e chiare, ad esempio per configurazione e risoluzione dei problemi.

Utilizzo

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

Passaggi di base

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>

Passaggi senza titoli

Steps funziona anche senza titoli:

<Steps>
  <Step>

    Clone the repository from GitHub.

</Step>
  <Step>

    Install dependencies with `npm install`.

</Step>
  <Step>

    Run the development server.

</Step>
</Steps>

Contenuti avanzati nei passaggi

Ogni passaggio può contenere qualsiasi tipo di contenuto:

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

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

Passaggi con icone

Usa le icone al posto dei numeri per una maggiore varietà visiva:

<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>

Dimensione del titolo

Controlla la gerarchia delle intestazioni con titleSize nel contenitore 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>

Proprietà

Steps

Step

Prossimi passi