OverviewOfficial Website

Range Slider is a lightweight range slider with multi-touch support and a ton of features.

Add Package
yarn add @vueform/slider
Import Package
import Slider from "@vueform/slider";
Remove Package
yarn remove @vueform/slider ( or you can remove package by removing specific package from package.json )
Examples:
Title Vue
Default 
<Slider v-model="simpleValue" />
Min-Max 
<Slider v-model="sliderCustomzie" :min="100" :max="500" />
Range and Label 
<Slider v-model="sliderWithLabel.value" :data="sliderWithLabel.data" :range="sliderWithLabel.range" @callbackRange="callbackRange" />
Loading 
<Slider v-model="loadingValue" :is-disabled="true" class="slider-red" />
Rtl 
<Slider v-model="rtlvalue" :direction="direction" :orientation="orientation" />
Format 
<Slider v-model="value" :merge="merge" :format="format" />
© Skote.