@alicd/crui-accordion

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

Usage no npm install needed!

<script type="module">
  import alicdCruiAccordion from 'https://cdn.skypack.dev/@alicd/crui-accordion';
</script>

README

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