React Smooth Range Input Save
🎚 React beautiful input range slider
Project README
🎚 React Smooth Range Input
- Smooth input range
- Beautiful animation interaction
- Tiny size
Install
$ npm install react-smooth-range-input
Example
Quickstart
import react from 'react';
import Slider from 'react-smooth-range-input';
export default () => <Slider value={1} min={1} max={30} />;
Props
| Prop | Type | Required | Description |
|---|---|---|---|
value |
number | ✓ | current value |
min |
number | ✓ | min number range |
max |
number | ✓ | max number range |
onChange |
Function | on value change callback | |
disabled |
boolean | disable the component | |
hasTickMarks |
boolean = true | show tick marks only apply to thick type | |
customController |
({ ref: any, value: number }) => React.ReactNode | custom controller: make sure to pass the ref |
By the makers of BEEKAI
We also make BEEKAI. Build the next-generation forms with modern technology and best in class user experience and accessibility.
Open Source Agenda is not affiliated with "React Smooth Range Input" Project. README Source: beekai-oss/react-smooth-range-input
Stars
400
Open Issues
29
Last Commit
1 year ago
Repository
Open Source Agenda Badge
