category: Components type: UI Views component: Base chinese: 手风琴 english: Accordion

API

Accordion

| 参数 | 说明 | 类型 | 默认值 | | ------------ | ---------------------------------------------------------------------------------- | -------- | ------- | | className | 扩展class | string | N/A | | style | 组件接受行内样式 | object | N/A | | onChange | 接收一个回调函数传递改变状态, 在使用dataSource时改回调需要产生改变组件才能生效 | (expanded: boolean[], sections: object[]) => void | N/A | | dataSource | 使用数据模型构建 | Array | N/A | | extraRender | 设置使用 dataSource 时，右侧自定义区域的渲染方式 |(section: object) => ReactNode|N/A| | singleShrink | 如果这个属性为true, 在single为true时, 组件可以收起全部子元素 | boolean | N/A | | single | 是否只能展开1个 | boolean | false | | prefix | 样式前缀 | string | "next-" |

Accordion.Panel

| 参数 | 说明 | 类型 | 默认值 | | ---------- | --------- | --------- | ----- | | className | 扩展class | string | N/A | | style | 子组件接受行内样式 | object | N/A | | expanded | 是否展开 | boolean | false | | disabled | 是否禁止用户操作 | boolean | N/A | | title | 标题 | ReactNode | "" | | extra | 右侧自定义区域内容 | ReactNode | N/A | | multiTitle | 标题是否多行显示 | boolean | false | | prefix | 样式类名的品牌前缀 | string | N/A |