Vue-3-slider-component NPM

🎚 A highly customized slider component

Forked from NightCatSame/vue-slider-component

This repository is forked from NightCatSame/vue-slider-component (v3.2.10) and rewritten to work with Vue 3.

Please note that specifications may differ from the original.

🎯 install

$ yarn add vue-3-slider-component
# npm install vue-3-slider-component --save

✨ Features

🛠️ More customizable
🐳 Support for more sliders
📌 Add marks

📚 Documentation

Storybook

🚀 Usage

<script setup lang="ts">
import { ref } from "vue";
import VueSlider from "vue-3-slider-component";

const value = ref(0);
</script>

<template>
  <div>
    <VueSlider v-model="value" />
    <p>Value: {{ value }}</p>
  </div>
</template>

Also available in the Options API

<template>
  <VueSlider v-model="value" />
</template>

<script>
import VueSlider from 'vue-3-slider-component'

export default {
  components: {
    VueSlider
  },
  data () {
    return {
      value: 0
    }
  }
}
</script>