🎚 A highly customized slider component

Forked from s-sasaki-0529/vue-slider-component

This repository is forked from s-sasaki-0529/vue-slider-component which in turn is a fork from NightCatSame/vue-slider-component (v3.2.10) and rewritten to work with Vue 3.

Please note that this fork is work in progress, so some links may still point to the work that s-sasaki-0529 has done.

🎯 install

$ yarn add @podzito/vue3-slider-component
# npm install @podzito/vue3-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 '@podzito/vue3-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 '@podzito/vue3-slider-component'

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

License

Licensing is in accordance with the original.

MIT