react-smooth-range-input
v0.3.1
Published
[![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social)](https://twitter.com/intent/tweet?text=π+React+Smooth+Range+Input&url=https://github.com/bluebill1049/react-smooth-range-input/) [![CircleCI](https://circleci.com/gh/bluebill1
Downloads
258
Readme
π React Smooth Range Input
- Butter 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 |