🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

A simple Vue 1.x / 2.x component for creating custom single and/or range slider controls for your web UI.

Form

Documentation

vue-slider-component

downloads npm-version license

🎚 A highly customized slider component

English | 简体中文

If you don't need new features, you can also use a more stable version v2.x.

New Features (v3.x)

  • 🔧 Fix exceptions
  • 🍖 More customizable
  • 👗 Multiple style themes
  • 🐳 Support for more sliders
  • 📌 Add marks
  • 🎉 Support SSR
  • 🍒 Support Typescript

📚 Documentation

Document: https://nightcatsama.github.io/vue-slider-component

Live Demo:https://jsfiddle.net/NightCatSama/2xy72dod/10339/

🎯 install

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

🚀 Usage

<template>   <vue-slider v-model="value" /> </template>  <script> import VueSlider from 'vue-slider-component' import 'vue-slider-component/theme/antd.css'  export default {   components: {     VueSlider   },   data () {     return {       value: 0     }   } } </script>

Changelog

Detailed changes for each release are documented in the release notes.

Support

Issues can be funded by anyone and the money will be distributed to contributors and maintainers.

issuehunt

If you like this component, you can ask me to drink coffee ☕️.

License

MIT


You May Also Like