Vue drag slider

vue drag slider component

Version: 1.0.11 Updated: 01/04/2019

By: muzi131313 License: MIT

Downloads Last 30 Days: 82

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
Categories: Vue js