nft-range-slider
🎚 A highly customized slider component
English | 简体中文
🍉 Vue3.x
This is still in beta and may contain unexpected bugs, please use with caution.
install
$ yarn add vue-slider-component@next
# npm install vue-slider-component@next --save
Caution
- Change
data
tov-data
for now due to a type conflict. (Probably a temporary modification)
✨ Features
- 🍖 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/10547/
🎯 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
If my code has helped you, please consider buy me a coffee ☕️.
License
Dependencies
@commitlint/config-conventional: ^7.3.1@types/chai: ^4.1.0@types/mocha: ^5.2.4@vue/cli-plugin-babel: ~4.5.8@vue/cli-plugin-typescript: ~4.5.8@vue/cli-plugin-unit-mocha: ~4.5.8@vue/cli-service: ~4.5.8@vue/test-utils: ^1.0.0-beta.20chai: ^4.1.2codemirror: ^5.44.0commitlint: ^7.3.2lint-staged: ^8.1.0markdown-it-anchor: ^5.0.2markdown-it-container: ^2.0.0node-sass: ^4.14.1prettier: ^1.15.2sass: 1.26.7sass-loader: ^8.0.2typescript: ~3.9.3uslug: ^1.0.4vue: ^2.6.6vue-markdown-loader: ^2.4.1vue-property-decorator: ^8.0.0vue-router: ^3.0.2vue-template-compiler: ^2.6.6vuep: ^0.8.1