veeno is a range slider component for vue based off of noUiSlider It supports all noUiSlider features.
You can install the package via npm or yarn.
npm install veeno --save
yarn add veeno
<template>
<div id = "app">
<veeno
pipsy
:handles = "35"
:range = {
'min': 0,
'max': 100
}
/>
</div>
</template>
<script>
import veeno from 'veeno';
export default {
name: 'app',
components: {
veeno,
},
};
</script>
For visual details, checkout the homepage page