1.0.28 • Published 5 years ago
vue-nouislider-fork v1.0.28
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
<v-nus :config="config" :value="values" @update="values = $event" />
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.
<v-nus
:color="red"
thumb-color="red"
:thumb-show="true"
:config="config"
:value="values"
/>
Disable Slider
Disable the slider. <v-nus :config="config" :value="values" :disabled="true" />
Customize ID
Prefixed with 'v-nus'.
<v-nus :id="custom-id" :config="config" :value="values" />
Show Log
<v-nus :log="true" :config="config" :value="values" />
References
- Forked From vue-nouislider (horans)
- Vuetify
- Inspiration: VueJS-noUiSlider
- Linter: standard
Change Log
1.0.28
5 years ago
1.0.27
5 years ago
1.0.26
5 years ago
1.0.25
5 years ago
1.0.24
5 years ago
1.0.23
5 years ago
1.0.22
5 years ago
1.0.21
5 years ago
1.0.20
5 years ago
1.0.19
5 years ago
1.0.18
5 years ago
1.0.17
5 years ago
1.0.16
5 years ago
1.0.15
5 years ago
1.0.14
5 years ago
1.0.13
5 years ago
1.0.12
5 years ago
1.0.11
5 years ago
1.0.9
5 years ago
1.0.8
5 years ago
1.0.7
5 years ago
1.0.6
5 years ago
1.0.5
5 years ago
1.0.4
5 years ago
1.0.3
5 years ago
1.0.2
5 years ago
1.0.1
5 years ago
1.0.0
5 years ago