Vue-slider-component NPM

🎚 A highly customized slider component

🍉 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

Breaking Changes

value -> modelValue. (Official API Changes)

✨ 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>

<template>
  <vue-slider v-model="value" />
</template>

<script setup>
import { reactive, toRefs } from 'vue'
import VueSlider from 'vue-slider-component'
import 'vue-slider-component/theme/antd.css'

export default {
  setup() {
    const data = reactive({ value: 0 })
    return toRefs(data)
  },
}
</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

vue slider vue-slider vue-component vue-slider-component

core-js vue-property-decorator

@pagemaker.io/pagemaker lucie-ui @preons/site g-face lucie-ui-test hfg_gantt-elastic-header tmp-editor_cheng tmp-editor_wildccy @wildccy/tmp-editor @meat_packages/hb-map-display-component demoskld mgn-ui w3buildorder vue3-marquee-component vuejs-marquee-component cenhomenpm @vue3d/uv-editor sc-ui-component-library @clickadilla/vast-service-order-form igenda.js @infinitebrahmanuniverse/nolb-vue-sl nui-antd @everything-registry/sub-chunk-3092 @builto/ui talent-find whfd-mapping wd-frontend-shared web-zap-subscribe-desktop vue-imgclip vue-leng vue-marquee-component vue-marquee-component-fix wto-notifications test-template-pkg visit-lib-complementary-items-components visit-lib-complements v3roll video-player-libra @presenti/renderer bayer-web idmlibrary-npm-test in-date-picker ibiz-gantt-elastic ibz-gantt-elastic infimind-tmp-editor ink-replay-heatmap-origin linna lyc-test lss-charts-ui magpie-base kikoeru-quasar koala-kumal mcds mcdstest @wallscope/vue-components @ware4l/lib-map-photo-trail @ware4u/lib-map-photo-trail @whitedigital-eu/wd-frontend-shared @webdollar/front-webdollar @webdollar/user-interface-webdollar @wwtelescope/research-app @twoavy/fuggerei-components @timechimp-bv/components @triotech/vue-core @vexiza/meteo @voicenter-team/voicenter-ui @ykcl/smart-ui @ykcl/smart-ui-oversea afp-forecast-view aiku alitreeviz architectui-vue-pro as-c-vue-neo as-c-vue-neo-b @dynocluster/viewer @gogoqiu/vue-options @63pokupki/design-system 3d-stack @aherrahul/zema-design-system @cmlabs/components @ecgc/ramp @eatalynet/reactivesearch-vue @afp/toolkit-social-cards ixweb evmux @musora/musora-ui suanpan-javascript-sdk suanpan-sdk u-dashboard tt-ui-comp-lib ui-comp-lib ui-nuclear-mobile time-line-big-screen twhiteboard-ui @betao/ds @cg-devcenter/aim zcaiku yk-smart-ui yk-smart-ui-test yukuaitest

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago