---
title: Hinweise
slug: docs/de/hinweise
createdAt: 2026-06-05T12:32:42.012Z
---

[Hinweis](docId\:hCfLA_aIEo_Xeo1u8xQT5) Blöcke heben wichtige Informationen mithilfe farbiger Container hervor. Sie eignen sich zum Anzeigen von Tipps, Bestätigungen, Warnungen und kritischen Hinweisen.

## Syntax

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

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::hint{type="info"}
Ihr Inhalt hier.
:::
```
:::

:::Tab{title="MDX"}
```javascript
<hint type="info">
Ihr Inhalt hier.
</hint>
```
:::
::::

Callouts unterstützen die folgenden Typen:

- `Info`
- `Erfolg`
- `Warnung`
- `Gefahr`

## MDX Beispiel

Das folgende Beispiel erstellt vier verschiedene Callout-Typen.

```html
<hint type="info">
Use **info** callouts for helpful tips and additional context.
</hint>

<hint type="success">
Use **success** callouts for positive outcomes or confirmations.
</hint>

<hint type="warning">
Use **warning** callouts for things users should be careful about.
</hint>

<hint type="danger">
Use **danger** callouts for critical warnings or destructive actions.
</hint>
```