@vinimart/vue-slider-component

A highly customized slider component fork with Cormora Theme

Usage no npm install needed!

<script type="module">
  import vinimartVueSliderComponent from 'https://cdn.skypack.dev/@vinimart/vue-slider-component';
</script>

README

banner

downloads npm-version license

🎚 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 to v-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

MIT