0.1.1 • Published 9 years ago
uxcore-collapsed-button v0.1.1
uxcore-collapsed-button
React collapsed button
Development
git clone https://github.com/uxcore/uxcore-collapsed-button
cd uxcore-collapsed-button
npm install
npm run serverif you'd like to save your install time,you can use uxcore-tools globally.
npm install uxcore-tools -g
git clone https://github.com/uxcore/uxcore-collapsed-button
cd uxcore-collapsed-button
npm install
npm run dep
npm run startTest Case
npm run testCoverage
npm run coverageDemo
http://uxcore.github.io/components/collapsed-button
Contribute
Yes please! See the CONTRIBUTING for details.
API
Props
| Name | Type | Required | Default | Comments |
|---|---|---|---|---|
| type | string | - | '' | 触发下拉的元素的类型,默认是文字,‘button’是按钮 |
| onClick | function | - | - | CollapsedButton.Item 的点击回调 |
| maxLength | number | - | 3 | 超过 maxLength 将会变成下拉形式,否则平铺 |
使用方法
import CollapsedButton from 'uxcore-collapsed-button';
handleClick() {}
render() {
return (
<CollapsedButton type="button">
<CollapsedButton.Item onClick={this.handleClick.bind(this)}>
按钮一
</CollapsedButton.Item>
<CollapsedButton.Item onClick={this.handleClick.bind(this)}>
按钮二
</CollapsedButton.Item>
<CollapsedButton.Item>
按钮三
</CollapsedButton.Item>
</CollapsedButton>
);
}0.1.1
9 years ago