🎚 React Smooth Range Input

• Smooth input range
• Beautiful animation interaction
• Tiny size

Install

$ npm install react-smooth-range-input

Example

Quickstart

1import react from 'react';
2import Slider from 'react-smooth-range-input';
3
4export 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.