组件
Accordion 折叠面板
使用 Accordion 组件创建可折叠的内容面板,节省页面空间。
Accordion 组件用于创建可折叠/展开的内容面板,适合在有限空间内展示大量信息,如 FAQ、详细说明等。
常见问题示例
使用 Accordions 包裹多个 Accordion:
<Accordions>
<Accordion title="什么是 OpenManual?">
OpenManual 是一个 AI 友好的开源文档系统框架。
</Accordion>
<Accordion title="如何安装?">
使用 pnpm add openmanual 安装。
</Accordion>
</Accordions>属性
Accordions
Accordions 是一个容器组件,无额外属性。用于包裹多个 Accordion 子组件。
Accordion
| 属性 | 类型 | 必填 | 说明 |
|---|---|---|---|
title | string | 是 | 面板标题,始终可见 |
children | ReactNode | 是 | 面板内容,点击标题可展开/折叠 |
注意事项
- 每个面板默认折叠,点击标题可展开
- 面板内容支持完整的 Markdown/MDX 语法
- 适合用于 FAQ、详细说明等需要按需展示的内容
- 同一
Accordions内的多个面板可以同时展开