# rmc-cascader > m-cascader ui component for react Latest version **5.0.3** (published 2018-12-28) · MIT license · 0 weekly downloads ## Install ```sh npm install rmc-cascader pnpm add rmc-cascader yarn add rmc-cascader bun add rmc-cascader ``` ## Health **Score 30/100 (F)** — status: abandoned. Positive: has types; esm support; no vulnerabilities; high quality score. Warnings: low downloads. Negative: abandoned; low maintenance score. ## Facts | | | |---|---| | Version | 5.0.3 | | Published | 2018-12-28 | | First published | 2016-01-12 | | Weekly downloads | 0 | | License | MIT | | TypeScript types | bundled | | Module format | ESM + CommonJS | | Dependencies | 3 | | Unpacked size | 261.1 KB | | Known vulnerabilities | 0 | | Install scripts | no | | GitHub stars | 54 | | Maintainers | arron.wf, paranoidjk, silentcloud, skidxjq, warmhug, zhang740 | | Keywords | react, react-component, react-m-cascader, m-cascader | ## Links - npm: https://www.npmjs.com/package/rmc-cascader - Repository: https://github.com/react-component/m-cascader - Issues: https://github.com/react-component/m-cascader/issues - npm.io page: https://npm.io/package/rmc-cascader ## Dependencies (3) - [rmc-picker](https://npm.io/package/rmc-picker.md) ~5.0.0 - [babel-runtime](https://npm.io/package/babel-runtime.md) 6.x - [array-tree-filter](https://npm.io/package/array-tree-filter.md) 2.1.x ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 5.0.3 (latest) — 2018-12-28 - 5.0.0-alpha.3 (beta) — 2017-09-21 - 5.0.2 — 2018-07-16 - 5.0.1 — 2018-07-12 - 5.0.0 — 2017-10-12 - 4.3.5 — 2017-09-19 - 5.0.0-alpha.2 — 2017-09-18 - 5.0.0-alpha.1 — 2017-09-18 - 5.0.0-alpha.0 — 2017-09-06 - 4.3.4 — 2017-08-03 - 4.3.3 — 2017-08-03 - 4.3.2 — 2017-08-02 - 4.3.1 — 2017-08-02 - 4.3.0 — 2017-08-02 - 4.2.3 — 2017-06-26 - … 41 more at https://npm.io/package/rmc-cascader/versions ## README # rmc-cascader --- React Mobile Cascader Component (web and react-native) [![NPM version][npm-image]][npm-url] ![react-native](https://img.shields.io/badge/react--native-%3E%3D_0.28.0-green.svg) ![react](https://img.shields.io/badge/react-%3E%3D_15.2.0-green.svg) [![build status][travis-image]][travis-url] [![Test coverage][coveralls-image]][coveralls-url] [![gemnasium deps][gemnasium-image]][gemnasium-url] [![node version][node-image]][node-url] [![npm download][download-image]][download-url] [npm-image]: http://img.shields.io/npm/v/rmc-cascader.svg?style=flat-square [npm-url]: http://npmjs.org/package/rmc-cascader [travis-image]: https://img.shields.io/travis/react-component/m-cascader.svg?style=flat-square [travis-url]: https://travis-ci.org/react-component/m-cascader [coveralls-image]: https://img.shields.io/coveralls/react-component/m-cascader.svg?style=flat-square [coveralls-url]: https://coveralls.io/r/react-component/m-cascader?branch=master [gemnasium-image]: http://img.shields.io/gemnasium/react-component/m-cascader.svg?style=flat-square [gemnasium-url]: https://gemnasium.com/react-component/m-cascader [node-image]: https://img.shields.io/badge/node.js-%3E=_0.10-green.svg?style=flat-square [node-url]: http://nodejs.org/download/ [download-image]: https://img.shields.io/npm/dm/rmc-cascader.svg?style=flat-square [download-url]: https://npmjs.org/package/rmc-cascader ## 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](https://nodei.co/npm/rmc-cascader.png)](https://npmjs.org/package/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. --- _Source: https://npm.io/package/rmc-cascader · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._