react-beautiful-wheel-picker
TypeScript icon, indicating that this package has built-in type declarations

1.0.7 • Public • Published

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.

Package Sidebar

Install

npm i react-beautiful-wheel-picker

Weekly Downloads

11

Version

1.0.7

License

MIT

Unpacked Size

357 kB

Total Files

6

Last publish

Collaborators

  • mevlutcantuna