uxcore-collapse ui component for react
$ git clone https://github.com/uxcore/uxcore-collapse
$ cd uxcore-collapse
$ npm install
$ gulp serverlet Collapse = require('../src');
let Panel = Collapse.Panel;
ReactDOM.render(
<Collapse defaultActiveKey={["1"]} onChange={callback}>
<Panel header={`This is panel header 1`} key="1">
<p>{text}</p>
</Panel>
<Panel header={`This is panel header 2`} key="2">
<p>{text}</p>
</Panel>
<Panel header={`This is panel header 3`} key="3">
<p>{text}</p>
</Panel>
</Collapse>, target);https://uxcore.github.io/uxcore/components/uxcore-collapse/
| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 |
|---|---|---|---|---|
| activeKey | array | string | the first panel key | 当前激活 tab 面板的 key 默认无，accordion模式下默认第一个元素 |
| defaultActiveKey | array | string | null | 初始化选中面板的 key |
| accordion | Boolean | false | 手风琴模式 | |
| onChange | Function | 无 | 切换面板的回调 |
| 配置项 | 类型 | 必填 | 默认值 | 功能/备注 |
|---|---|---|---|---|
| key | String | 无 | 对应 activeKey | |
| header | React.Element or String | 无 | 面板头内容 |