# Panel (/zh/components/panel)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 113 · updated: 2026-07-30 -->
Related: [折叠面板](/zh/components/accordions.md), [徽章](/zh/components/badge.md), [横幅](/zh/components/banner.md), [标注框](/zh/components/callouts.md), [卡片](/zh/components/cards.md), [代码分组](/zh/components/code-groups.md)

你可以使用 `<Panel>` 组件，在页面右侧面板中加入任意组件以实现自定义。

如果页面包含 `<Panel>` 组件，则所有 [RequestExample](/zh/components/examples#requestexample) 和 [ResponseExample](/zh/components/examples#responseexample) 组件都必须置于 `<Panel>` 内。

`<Panel>` 中的组件会替换页面的目录。会隐藏目录的页面模式（`mode: "wide"`、`mode: "center"` 和 `mode: "custom"`）也会隐藏 `<Panel>` 组件。

```mdx
<Panel>
  <Info>将 Info 固定在侧边面板上，或添加任何其他组件。</Info>
</Panel>
```

<Panel>
  <Info>
    将 Info 固定在侧边面板上，或添加任何其他组件。
  </Info>
</Panel>