---
title: Arbeitsabläufe
slug: docs/de/arbeitsablaufe
createdAt: 2026-06-05T14:56:44.505Z
---

[Workflow](docId\:k4PDPZ_n6XEOQLKItvXwq) Blöcke präsentieren eine Abfolge von Schritten mit nummerierten Indikatoren. Sie sind nützlich für Installationsanleitungen, Tutorials, Onboarding‑Abläufe und jeden Prozess, der in einer bestimmten Reihenfolge abgeschlossen werden muss.

## Syntax

Sie können diese Komponente entweder mit Markdown oder MDX hinzufügen.

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::WorkflowBlock
::::WorkflowBlockItem
Step Title

Step content.
::::
:::::
```
:::

:::Tab{title="MDX"}
```javascript
<WorkflowBlock>
  <WorkflowBlockItem>
    Step Title

    Step content.
  </WorkflowBlockItem>
</WorkflowBlock>
```
:::
::::

Jedes `WorkflowBlockItem` repräsentiert einen einzelnen Schritt im Prozess. Die erste Zeile wird als Schritttitel verwendet, während der restliche Inhalt zur Schrittbeschreibung wird.

Workflow‑Elemente können standardmäßige Markdown‑Formatierung enthalten, einschließlich Inline‑Code, Listen, Links und anderer unterstützter Komponenten.

## MDX‑Beispiel

Das folgende Beispiel erstellt einen vierstufigen Onboarding‑Workflow.

```javascript
<WorkflowBlock>
  <WorkflowBlockItem>
  Install the CLI

  Run `npm install -g @archbee/cli` to install the Archbee CLI globally.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Create a project

  Run `archbee new my-docs` to create a new documentation project.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Start the dev server

  Run `archbee dev` to start the local preview at `localhost:3000`.
  </WorkflowBlockItem>

  <WorkflowBlockItem>
  Deploy

  Build and deploy your docs to production.
  </WorkflowBlockItem>
</WorkflowBlock>
```