rmc-cascader

m-cascader ui component for react

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
rmc-cascader
51125.0.35 years ago8 years agoMinified + gzip package size for rmc-cascader in KB

Readme

rmc-cascader

React Mobile Cascader Component (web and react-native)
!NPM versionnpm-imagenpm-url react-native react !build statustravis-imagetravis-url !Test coveragecoveralls-imagecoveralls-url !gemnasium depsgemnasium-imagegemnasium-url !node versionnode-imagenode-url !npm downloaddownload-imagedownload-url

Screenshots

web

native

Development

npm i
npm start

Example

http://localhost:8000/examples/
online example: http://react-component.github.io/m-cascader/

react-native

npm run rn-init
npm run watch-tsc
react-native start
react-native run-ios

install

rmc-cascader

API

Cascader props

| name | description | type | default | |----------|----------------|----------|--------------| |className(web) | additional css class of root dom node | String | '' | |prefixCls(web) | prefix class | String | 'rmc-cascader' | |pickerPrefixCls(web) | picker prefix class | String | 'rmc-picker' | |pickerItemStyle | picker item style | {} | | |data | The data of cascade | array | | |value | selected value | array | | |defaultValue | initial selected value | array | | |onChange | | Function(value) | - |

rmc-cascader/lib/Popup props

| name | description | type | default | |----------|----------------|----------|--------------| |className(web) | additional css class of modal node | String | '' | |prefixCls(web) | prefix class | String | 'rmc-picker-popup' | |style(web) | additional style | object | {} | |value | selected value | array | | |cascader | React Cascader element | | | |onChange | exec on ok | Function(value) | | |onDismiss | exec on dismiss | function | | |okText | ok button text | String | 'Ok' | |dismissText | dismiss button text | String | 'Dismiss' | |title | Popup title | String | '' | |visible | whether pop picker is visible | Boolean | | |onVisibleChange | called when pop picker visible change | Function | |

Test Case

npm test
npm run chrome-test

Coverage

npm run coverage

open coverage/ dir

License

rmc-cascader is released under the MIT license.