omaten/m-cascader

React Mobile Cascader Component(web and react-native)

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.