Schritte

Um eine nummerierte Liste von Aufgaben zu gestalten und Schritt-für-Schritt-Anleitungen zu erstellen, verwendest du die Komponente <Steps>.

Vorschau

1. Erstelle ein neues Starlight-Projekt:

   npm

   npm create astro@latest -- --template starlight

   pnpm

   pnpm create astro --template starlight

   Yarn

   yarn create astro --template starlight

2. Schreibe deine erste Dokumentationsseite.

Import

import { Steps } from '@astrojs/starlight/components';

Verwendung

Verwende die Komponente <Steps>, um nummerierte Listen von Aufgaben zu gestalten. Dies ist nützlich für komplexere Schritt-für-Schritt-Anleitungen, bei denen jeder Schritt deutlich hervorgehoben werden muss.

Wickle <Steps> um eine geordnete Standard-Markdown-Liste. Die übliche Markdown-Syntax ist innerhalb von <Steps> anwendbar.

MDX

import { Steps } from '@astrojs/starlight/components';

<Steps>

1. Importiere die Komponente in deine MDX-Datei:

   ```js
   import { Steps } from '@astrojs/starlight/components';
   ```

2. Wickle `<Steps>` um deine geordneten Listenelemente.

</Steps>

Markdoc

{% steps %}

1. Importiere die Komponente in deine MDX-Datei:

   ```js
   import { Steps } from '@astrojs/starlight/components';
   ```

2. Wickle `<Steps>` um deine geordneten Listenelemente.

{% /steps %}

Vorschau

1. Importiere die Komponente in deine MDX-Datei:

   import { Steps } from '@astrojs/starlight/components';

2. Wickle <Steps> um deine geordneten Listenelemente.

<Steps>-Eigenschaften

Implementation: Steps.astro

Die Komponente <Steps> akzeptiert keine Eigenschaften.