OpenManual
组件

Accordion 折叠面板

使用 Accordion 组件创建可折叠的内容面板,节省页面空间。

Accordion 组件用于创建可折叠/展开的内容面板,适合在有限空间内展示大量信息,如 FAQ、详细说明等。

常见问题示例

使用 Accordions 包裹多个 Accordion

<Accordions>
  <Accordion title="什么是 OpenManual?">
    OpenManual 是一个 AI 友好的开源文档系统框架。
  </Accordion>
  <Accordion title="如何安装?">
    使用 pnpm add openmanual 安装。
  </Accordion>
</Accordions>

属性

Accordions

Accordions 是一个容器组件,无额外属性。用于包裹多个 Accordion 子组件。

Accordion

属性类型必填说明
titlestring面板标题,始终可见
childrenReactNode面板内容,点击标题可展开/折叠

注意事项

  • 每个面板默认折叠,点击标题可展开
  • 面板内容支持完整的 Markdown/MDX 语法
  • 适合用于 FAQ、详细说明等需要按需展示的内容
  • 同一 Accordions 内的多个面板可以同时展开

On this page