vue-drag-slider

vue slider components

not use input[range], support ie9+

Install

npm install vue-drag-slider --save

Run example

cd example/

# install dependencies
npm install

# serve with hot reload at localhost:8081
npm run serve

Usage

• html

<drag-slider class="drag-slider"></drag-slider>

• vue

import { DragSlider } from 'vue-drag-slider'
export default {
  components: {
    DragSlider
  }
}
// or
import DragSlider from 'vue-drag-slider'
Vue.use(DragSlider)

• css

.drag-slider {
  height: 10px;
  width: 255px;
  margin: 50px auto 0 auto;
}

Todo

• [ × ] mobile suport

changelog

• 1.0.4
  • tooltip/label support
  • percent with sync
  • color api add

material link

• Simple pure Javascript drag controller slider

  • range-slider
  • dragger demo

• dragdealer