---
title: 标注
slug: docs/cn/UhIrCitWA0R_1L5m8ebo8
createdAt: 2026-06-05T12:32:42.012Z
---

[Callout](docId\:eVjVC5JW2C7_ckmMT_L0H) 区块使用彩色容器突出显示重要信息。它们适用于显示提示、确认、警告和关键通知。

## 语法

您可以使用 Markdown 或 MDX 添加此组件。

::::Tabs
:::Tab{title="Markdown"}
```markdown
:::::hint{type="info"}
Your content here.
:::
```
:::

:::Tab{title="MDX"}
```javascript
<hint type="info">
Your content here.
</hint>
```
:::
::::

Callout 支持以下类型：

- `信息`
- `成功`
- `警告`
- `危险`

## MDX 示例

以下示例创建了四种不同的 callout 类型。

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