---
title: Workflows
slug: docs/fr/workflows
createdAt: 2026-06-05T14:56:44.505Z
---

[Workflow](docId\:k4PDPZ_n6XEOQLKItvXwq) présentent une séquence d’étapes avec des indicateurs numérotés. Elles sont utiles pour les guides d’installation, les tutoriels, les parcours d’onboarding et tout processus devant être complété dans l’ordre.

## Syntaxe

Vous pouvez ajouter ce composant en utilisant soit Markdown soit MDX.

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

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

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

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

Chaque `WorkflowBlockItem` représente une seule étape du processus. La première ligne est utilisée comme titre de l’étape, tandis que le reste du contenu devient la description de l’étape.

Les éléments de workflow peuvent contenir du formatting standard Markdown, y compris du code inline, des listes, des liens et d’autres composants pris en charge.

## Exemple MDX

L’exemple suivant crée un workflow d’onboarding en quatre étapes.

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