React Rangeslider

react的进度条、刻度条的库,支持拖拽,支持鼠标和触屏

官网

使用

yarn add react-rangeslider --save

 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}
/>
updatedupdated2020-10-122020-10-12

keywords: 进度条 刻度