{"repo":"adcentury/react-mobile-picker","free":true,"listed":false,"github":"https://github.com/adcentury/react-mobile-picker","clone":"git clone https://github.com/adcentury/react-mobile-picker.git","description":"An iOS like selector/picker component for web","language":"TypeScript","stars":357,"topics":["react","react-component","mobile","react-picker","react-mobile-picker","picker","react-ui","mobile-picker","mobile-ui"],"license":"MIT","category":"mobile-apps","readme_excerpt":"React Mobile Picker React Mobile Picker is a super simple component like iOS picker for React. It's almost unstyled, so you can easily customize it as you like. Preview Scan this Qr in you mobile. Or visit (in mobile or mobile simulator): https://react-mobile-picker.vercel.app Installation or Basic usage By design, React Mobile Picker is a controlled component, which means the selected items of the rendered element will always reflect the value prop. Every time you want to change the selected items, just modify the value prop. Using render props Each Picker.Item component exposes a selected state that can be used to customize the appearance of the item. This is called the render props technique. Support wheel scrolling React Mobile Picker is designed to be used on mobile devices, but it can also support wheel scrolling on desktop browsers. To enable this feature, you can set the wheelMode prop to either 'natural' or 'normal' . Component API Picker the main Picker container component. Prop Default Description :---- :------- :----------- value N/A { [name: string]: string } Selected value pairs onChange N/A (value: T, key: string) = void Callback function when the selected value changes height 216 number Height of the picker in px itemHeight 36 number Height of each item (that is each option) in px wheelMode 'off' 'off' \\ 'natural' \\ 'normal' Enable wheel scrolling on desktop browsers Picker.Column The wrapper component for each column. Prop Default Description :---- :------- :","default_branch":null,"files":null,"tree":[],"storefront":"/r/adcentury","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/adcentury/react-mobile-picker/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}