Features

  • Simple and fast
  • Supports touch devices
  • Responsive designs
  • Use Babel
  • No jQuery

Options

List including all options.

sliderId

Type : String
Default : 'range-slider'

handleId

Type : String
Default : 'range-slider__handle'

barId

Type : String
Default : 'range-slider__bar'

startPosition

Type : Number
Default : 0

scaleDimension

Type : Number
Default : 1

handleDefaultPos

Type : Number
Default : -7

onDrag

Type : Function
Default : null

onDragging

Type : Function
Default : null

onDragged

Type : Function
Default : null

onChanged

Type : Function
Default : null

onRefreshed

Type : Function
Default : null

onInitialized

Type : Function
Default : null

Events

Confirm the operation of the callback function.

onDrag : on
onDragging : on
onDragged : on
onChanged : on
onRefreshed : on
onInitialized : on

Example

As a weather slider.

03:00
09:00
15:00
21:00