Vue noUiSlider
a Vue component for noUiSlider that is forked and intended to look like Vuetify sliders
Install
npm i vue-nouislider-fork
main.js
import VNus from "vue-nouislider-fork"; import Vue from "vue"; Vue.use(VNus);
Basic Usage
Template
JS
data: config: connect: true true true connectColors: "blue" "red" "orange" range: min: 0 max: 100 values: 25 75
Advanced Usage
Customize Handle/Thumb Colors
Accepts HEX, RGB and classes.
Disable Slider
Disable the slider.
Customize ID
Prefixed with 'v-nus'.
Show Log
References
- Forked From vue-nouislider (horans)
- Vuetify
- Inspiration: VueJS-noUiSlider
- Linter: standard