Smooth Range Slider for React | React Smooth Range Input Component
- Smooth input range
- Beautiful animation interaction
- Tiny size
Install
$ npm install react-smooth-range-inputExample
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 |
Download Details:
Author: bluebill1049
Live Demo: View The Demo
Download Link: Download The Source Code
Official Website: https://github.com/bluebill1049/react-smooth-range-input
License: MIT
1.05 GEEK