---
title: Frame
description: >-
Frame umschließt Bilder und Demos mit optionalen Bildunterschriften in einem
umrandeten Container und sorgt für einheitliche Dokumentationsvisuals.
---
> **For AI agents:** the complete documentation index is at [llms.txt](/docs/llms.txt). Append `.md` to any page URL for its markdown version.
Frame umschließt Bilder und Demos mit optionalen Bildunterschriften in einem umrandeten Container.
Die Screenshots zeigen die Benutzeroberfläche auf Englisch.
Verwenden Sie Frame, wenn Sie:
- Screenshots und UI-Bildern ein fertiges Erscheinungsbild geben möchten
- Bildunterschriften hinzufügen möchten, um zu erklären, was Leser sehen
- Demoausgaben von regulären Inhalten unterscheiden möchten
- Eine visuelle Einheitlichkeit in Ihrer Dokumentation schaffen möchten
## Verwendung
```mdx
```
## Einfacher Frame
```mdx
```
## Mit Bildunterschrift
Fügen Sie unterhalb des Frames eine Bildunterschrift hinzu:
```mdx
```
## Andere Inhalte einrahmen
Frame funktioniert mit beliebigen Inhalten, nicht nur mit Bildern:
```
✓ Build completed successfully
✓ 42 pages generated
✓ Deployed to production
```
## Wann Sie Frame NICHT verwenden sollten
- **Inline-Dekorationsbilder** – Reguläre Markdown-Bilder eignen sich gut für Illustrationen
- **Icons oder kleine Grafiken** – Frame erzeugt ein unnötig starkes visuelles Gewicht
- **Bilder, die in den Text eingebettet sind** – Frame erzeugt eine visuelle Trennung; verwenden Sie es für eigenständige Visualisierungen
## Best Practices
- **Halten Sie Bildunterschriften kurz** – Ein Satz, der erklärt, was der Leser sieht
- **Verwenden Sie Frame konsistent** – Wenn Sie einen Screenshot einrahmen, rahmen Sie aus Gründen der visuellen Einheitlichkeit alle Screenshots ein
- **Rahmen Sie nicht alles ein** – Reservieren Sie Frames für wichtige Visualisierungen, nicht für jedes Bild auf der Seite
## Props
Optionaler Text unterhalb des Frames.
## Wie geht es weiter?
Browse all available components
Learn how to use components in MDX