A highly customizable and user-friendly wheel picker component for React applications.
Check out the live Demo Project to see the React Beautiful Wheel Picker in action and explore its features!
To install the React Beautiful Wheel Picker, run the following command:
npm install react-beautiful-wheel-picker
import { Picker } from "react-beautiful-wheel-picker";
<Picker>
<Picker.Item values={[]} />
</Picker>;
Prop | Type | Default | Description |
---|---|---|---|
values |
PickerItem[] |
[] |
The items to display in the picker. |
defaultValue |
any |
"" |
The default value of the picker. |
onChange |
(value: any) => void |
() => {} |
The callback function that is called when the value changes. |
Prop | Type | Default | Description |
---|---|---|---|
children |
React.ReactNode |
null |
The children of the picker. |
className |
string |
"" |
The className of the picker. |
containerClassName |
string |
"" |
The className of the container of the picker. |
selectedHighlightClassName |
string |
"" |
The className of the selected highlight of the picker. |
overlayClassName |
string |
"" |
The className of the overlay of the picker. |
This project is licensed under the MIT License.