1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19

import Slider from 'react-rangeslider'
import 'react-rangeslider/lib/index.css'

<Slider
  min={0}
  max={100}
  value={value}
  onChangeStart={this.handleChangeStart}
  onChange={this.handleChange}
  onChangeComplete={this.handleChangeComplete}
/>

<Slider
  min={0}
  max={10}
  value={reverseValue}
  orientation='horizontal'
  onChange={this.handleChangeReverse}
/>