rmc-cascader

React Mobile Cascader Component (web and react-native)

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

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.