sh-react-picker
v1.1.0
upgrage dependencies version for rmc-picker-scroll
0/weekUpdated 3 years agoMITUnpacked: 7.2 KB
Published by testblank
npm install sh-react-pickersh-picker-scroll
---
> customed rmc-picker for react v18. (rmc-picker hasn't been updated 3years.)
React Mobile Picker Component (web)
[![NPM version][npm-image]][npm-url]
!react-native
!react
[![build status][travis-image]][travis-url]
[![Test coverage][coveralls-image]][coveralls-url]
[![npm download][download-image]][download-url]
[npm-image]: http://img.shields.io/npm/v/rmc-picker.svg?style=flat-square
[npm-url]: http://npmjs.org/package/rmc-picker
[travis-image]: https://img.shields.io/travis/react-component/m-picker.svg?style=flat-square
[travis-url]: https://travis-ci.org/react-component/m-picker
[coveralls-image]: https://img.shields.io/coveralls/react-component/m-picker.svg?style=flat-square
[coveralls-url]: https://coveralls.io/r/react-component/m-picker?branch=master
[gemnasium-image]: http://img.shields.io/gemnasium/react-component/m-picker.svg?style=flat-square
[gemnasium-url]: https://gemnasium.com/react-component/m-picker
[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-picker.svg?style=flat-square
[download-url]: https://www.npmjs.com/package/sh-react-picker
Screenshots
Development
``
npm i
npm start
~~## Example~~
~~http://localhost:8000/examples/~~
~~online example: http://cccraim.github.io/m-picker/~~
~~## react-native~~
install
Usage
`jsx`
one
two
three
four
five
six
seven
eight
eleven
twelve
thirteen
fourteen
fifteen
sixteen
seventeen
eighteen
API
$3
| name | description | type | default |
| ------------------------- | ------------------------------------- | ----------------- | ------- |
| className(web) | additional css class of root dom node | String | |
| prefixCls(web) | prefix class | String | '' |
| defaultSelectedValue(web) | default selected values | string[]/number[] | |
| selectedValue | current selected values | string[]/number[] | |
| onValueChange | fire when picker change | Function(value) | |
$3
| name | description | type | default |
| ------------------------- | ------------------------------------- | --------------- | ------- |
| className(web) | additional css class of root dom node | String | |
| prefixCls(web) | prefix class | String | '' |
| defaultSelectedValue(web) | default selected values | string/number | |
| selectedValue | current selected values | string/number | |
| onValueChange | fire when picker change | Function(value) | |
| disabled | whether picker is disabled | bool | false |
| indicatorClassName | className of indicator | String |
| indicatorStyle | style of indicator | object |
$3
| name | description | type | default |
| -------------- | ------------------------------------- | ------ | ------- |
| className(web) | additional css class of root dom node | String | |
| value | value of item | String | |
Test Case
`
npm test
npm run chrome-test
Coverage
`
npm run coverage
open coverage/ dir
License
rmc-picker is released under the MIT license.