nouislider-vue

noUiSlider component for vue 2 & nuxt

Usage no npm install needed!

<script type="module">
  import nouisliderVue from 'https://cdn.skypack.dev/nouislider-vue';
</script>

README

veeno

veeno is a range slider component for vue based off of noUiSlider It supports all noUiSlider features.

Installation

You can install the package via npm or yarn.

NPM

npm install veeno --save

YARN

yarn add veeno

Usage

<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

Custom Design

Shards ui