@joegesualdo/react-range-slider v0.0.2

react-range-slider

A range slider implemented in React

Install

$ npm install --save @joegesualdo/react-range-slider

Usage

import RangeSlider from '@joegesualdo/react/range-slider'

<RangeSlider
  width={300}
  lineColor='blue'
  leftColor='black'
  maxPosition={20}
  minPosition={60}
  rightColor='black'
  onStart={function(){console.log("Started!!!")}}
  onStop={function(){console.log("Stop!!!")}}
  onSlideMin ={function(pos){console.log(pos)}}
  onSlideMax ={function(pos){console.log(pos)}}
>
  <div style={
    {
      border: '1px solid #aaa',
      background: '#fff',
      borderRadius: '100%',
      boxShadow: '0 2px 4px rgba(0,0,0,0.1)',
      cursor: 'pointer',
      height: 24,
      outline: 'none',
      width: 24,
    }
  }></div>
</RangeSlider>

Test

$ npm test

Build

$ npm run build

Related

• react-slider - A slider

License

MIT © Joe Gesualdo