---
title: Code-Schublade
slug: docs/de/code-schublade
createdAt: 2026-06-05T12:51:26.902Z
---

[Code-Schublade](docId\:BMw1AMstx3DEfVLP0_P7i) Blöcke zeigen Anfragebeispiele und Antwortbeispiele in der rechten Spalte eines zweispaltigen Layouts an. Verwenden Sie sie, um interaktive API-Dokumentation zu erstellen.

## Syntax

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

::::Tabs
:::Tab{title="Markdown"}
```markdown
::::CodeDrawer{title="Endpoint Name"}
:::CodeblockTabsExamples
(Code blocks with request examples)
:::
:::CodeblockTabsResponses
(Code blocks with response examples)
:::
::::
```
:::

:::Tab{title="MDX"}
```javascript
<CodeDrawer title="Endpoint Name">
  <CodeblockTabsExamples>
    (Code blocks with request examples)
  </CodeblockTabsExamples>
  <CodeblockTabsResponses>
    (Code blocks with response examples)
  </CodeblockTabsResponses>
</CodeDrawer>
```
:::
::::

Eine Code-Schublade besteht aus zwei Abschnitten:

- `CodeblockTabsExamples` für Anfragebeispiele.&#x20;
- `CodeblockTabsAntworten` für Antwortbeispiele.&#x20;

Jeder Abschnitt kann einen oder mehrere eingezäunte Codeblöcke enthalten. Wenn mehrere Codeblöcke vorhanden sind, werden sie automatisch in Sprach-Tabs gruppiert.

Code-Schubladen werden in der rechten Spalte angezeigt, wenn sie innerhalb eines zweispaltigen Layouts verwendet werden.

## MDX-Beispiel

Das folgende Beispiel erstellt eine Code-Schublade mit Anfragebeispielen in JavaScript, Python und Bash sowie erfolgreichen und Fehlerantworten.

````javascript
<CodeDrawer title="Create a User">
  <CodeblockTabsExamples>

  ```javascript
  const response = await fetch('https://api.example.com/users', {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
      'Authorization': 'Bearer sk_live_xxx'
    },
    body: JSON.stringify({
      name: 'Jane Doe',
      email: 'jane@example.com',
      role: 'admin'
    })
  })
  const user = await response.json()
  ```

  ```python
  import requests

  response = requests.post('https://api.example.com/users', json={
      'name': 'Jane Doe',
      'email': 'jane@example.com',
      'role': 'admin'
  }, headers={
      'Authorization': 'Bearer sk_live_xxx'
  })
  user = response.json()
  ```

  ```bash
  curl -X POST https://api.example.com/users \
    -H "Content-Type: application/json" \
    -H "Authorization: Bearer sk_live_xxx" \
    -d '{"name":"Jane Doe","email":"jane@example.com","role":"admin"}'
  ```

  </CodeblockTabsExamples>

  <CodeblockTabsResponses>

  ```json
  {
    "id": "usr_abc123",
    "name": "Jane Doe",
    "email": "jane@example.com",
    "role": "admin",
    "createdAt": "2026-04-01T10:00:00Z"
  }
  ```

  ```json
  {
    "error": "Validation failed",
    "message": "Email already exists",
    "code": 409
  }
  ```

  </CodeblockTabsResponses>
</CodeDrawer>
````