npmpackage.info

Gathering detailed insights and metrics for sh-react-picker

Other packages similar to sh-react-picker

react-native-simple-picker-sh

1.0.9

A simple react native picker library

@ahmad-wali-sh/jalaali-react-date-picker

1.0.18

This package is a date picker component for React that supports the Jalaali (Afghan/Shamsi/Persian) calendar system. It provides an easy-to-use interface for selecting a date in the Jalaali calendar and is fully customizable with options for setting the s

react-widget-color-picker

0.1.2

```sh # Install dependencies yarn

sh-react-picker

1.1.0

7.06 kB

5,526

Installations

npm install sh-react-picker

Developer Guide

BETA

Typescript

No

Module System

N/A

Node Version

16.13.2

NPM Version

8.11.0 Releases

Unable to fetch releases

Contributors

Love this project? Help keep it running — sponsor us today! 🚀

Download Statistics

Total Downloads

5,526

Last Day

Last Week

Last Month

Last Year

1,395

Maintainers

Package Meta Information

Latest Version

1.1.0

Package Id

sh-react-picker@1.1.0

Unpacked Size

7.06 kB

Size

1.98 kB

File Count

NPM Version

8.11.0

Node Version

16.13.2

Total Downloads

Cumulative downloads

Total Downloads

5,526

Last day

-62.5%

Compared to previous day

Last week

-65.4%

Compared to previous week

Last month

-36.7%

Compared to previous month

Last year

-53.1%

1,395

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

babel-runtime classnames gulp-cli rmc-dialog rmc-feedback

Dev Dependencies

@types/mocha @types/react @types/react-dom array-tree-filter expect.js fastclick pre-commit rc-test rc-tools react react-dom

Versions

sh-picker-scroll

customed rmc-picker for react v18. (rmc-picker hasn't been updated 3years.)

React Mobile Picker Component (web)

Screenshots

Development

npm i
npm start

~~## Example~~

~~http://localhost:8000/examples/~~

~~online example: http://cccraim.github.io/m-picker/~~

~~## react-native~~

install

Usage

1<MultiPicker selectedValue={this.state.value} onValueChange={this.onChange}>
2  <Picker indicatorClassName="my-picker-indicator">
3    <Picker.Item className="my-picker-view-item" value="1">
4      one
5    </Picker.Item>
6    <Picker.Item className="my-picker-view-item" value="2">
7      two
8    </Picker.Item>
9    <Picker.Item className="my-picker-view-item" value="3">
10      three
11    </Picker.Item>
12    <Picker.Item className="my-picker-view-item" value="4">
13      four
14    </Picker.Item>
15    <Picker.Item className="my-picker-view-item" value="5">
16      five
17    </Picker.Item>
18    <Picker.Item className="my-picker-view-item" value="6">
19      six
20    </Picker.Item>
21    <Picker.Item className="my-picker-view-item" value="7">
22      seven
23    </Picker.Item>
24    <Picker.Item className="my-picker-view-item" value="8">
25      eight
26    </Picker.Item>
27  </Picker>
28  <Picker indicatorClassName="my-picker-indicator">
29    <Picker.Item className="my-picker-view-item" value="11">
30      eleven
31    </Picker.Item>
32    <Picker.Item className="my-picker-view-item" value="12">
33      twelve
34    </Picker.Item>
35    <Picker.Item className="my-picker-view-item" value="13">
36      thirteen
37    </Picker.Item>
38    <Picker.Item className="my-picker-view-item" value="14">
39      fourteen
40    </Picker.Item>
41    <Picker.Item className="my-picker-view-item" value="15">
42      fifteen
43    </Picker.Item>
44    <Picker.Item className="my-picker-view-item" value="16">
45      sixteen
46    </Picker.Item>
47    <Picker.Item className="my-picker-view-item" value="17">
48      seventeen
49    </Picker.Item>
50    <Picker.Item className="my-picker-view-item" value="18">
51      eighteen
52    </Picker.Item>
53  </Picker>
54</MultiPicker>

API

MultiPicker props

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)

Picker props

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

Picker.Item props

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.

No vulnerabilities found.

No security vulnerabilities found.