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 @cmlabs/components @presenti/renderer bayer-web 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 @appbaseio/reactivesearch-vue @anjuma/vue-rs @automan-component/timeline @aherrahul/design-system @afp/toolkit-social-cards @awtrix/app @betao/ds @cg-devcenter/aim 3d-stack @63pokupki/design-system zcaiku yk-smart-ui yk-smart-ui-test yukuaitest xp-questions zgjy-player vue2tslibrary vue2tslirary vue2-youtube-editor vue2-youtube-player vuenmconfigurator vuepress-plugin-immersive-music-player vue-slider-gif-maker vue-survey-builder vue2-time-date-axis vue2-time-date-axis-anqi vue3-glassmorphism vueasie vg-products-booking-widget-v2 vg-create-order-v2 zxmap-ui-v2 @eatalynet/reactivesearch-vue @geins/ralph-ui @forlagshuset/v-audio-player @foxone/finance-ui @getnoticed/vsf-layered-navigation @meat_packages/lib-map-photo-trail @mezereon/ui-components @mptw/skylens-ui @mv-template/cameravision @mv-template/dev @mv-template/telkom @mv-template/toyota @mplt/ui-kit @markusand/ui-components @expressive-analytics/vue-survey @ecgc/ramp @eli5/ui-kit

3 years ago

3 years ago

3 years ago

3 years ago

2 years ago

2 years ago

2 years ago

2 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

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

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

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

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

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

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