Skip to content

beekai-oss/react-smooth-range-input

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŽš React Smooth Range Input

Coverage Status npm downloads npm npm

  • Smooth input range
  • Beautiful animation interaction
  • Tiny size

Install

$ npm install react-smooth-range-input

Example

https://react-smooth-range-input.now.sh

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.