Skip to content

mevlutcantuna/react-beautiful-wheel-picker

Repository files navigation

React Beautiful Wheel Picker

npm version react version tailwindcss version

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!

React Beautiful Wheel Picker Demo

To install the React Beautiful Wheel Picker, run the following command:

npm install react-beautiful-wheel-picker

Usage

import { Picker } from "react-beautiful-wheel-picker";

<Picker>
  <Picker.Item values={[]} />
</Picker>;

Props

Picker.Item

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.

Picker

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.

License

This project is licensed under the MIT License.

About

A highly customizable and user-friendly wheel picker component for React applications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published