常见问题 FAQ

概览

FAQ 组件提供了一个优雅的折叠面板界面，用于高效地展示问答列表。

实时预览

Frequently Asked Questions

常见问题

如何集成该组件库？

支持哪些框架？

使用方法

import { FAQ } from '@goenhance/cms-ui';

const Example = () => (
  <FAQ
    title="常见问题"
    list={[
      { question: "...", answer: "..." }
    ]}
  />
);

属性说明 (Props)

属性	类型	默认值	说明
title	string	-	FAQ 区域的标题
list	Array<{ question: string, answer: string }>	[]	问答列表

特性

• 交互流畅：基于 Radix UI Accordion 构建，动画丝滑。
• 自适应：在移动端和桌面端均有良好的展示形态。
• 语义化：遵循无障碍访问标准。