uxcore-collapse

---

uxcore-collapse

TL;DR

uxcore-collapse ui component for react

setup develop environment

$ git clone https://github.com/uxcore/uxcore-collapse
$ cd uxcore-collapse
$ npm install
$ gulp server

Usage

let 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);

demo

http://uxcore.github.io/uxcore/components/uxcore-collapse/

API

Props

Collapse

配置项	类型	必填	默认值	功能/备注
activeKey	array	string	the first panel key	当前激活 tab 面板的 key 默认无，accordion模式下默认第一个元素
defaultActiveKey	array	string	null	初始化选中面板的 key
accordion	Boolean	false	手风琴模式
onChange	Function	无	切换面板的回调

Collapse.Panel

配置项	类型	必填	默认值	功能/备注
key	String	无	对应 activeKey
header	React.Element or String	无	面板头内容