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 in-date-picker ibz-gantt-elastic ibiz-gantt-elastic idmlibrary-npm-test ink-replay-heatmap-origin ixweb infimind-tmp-editor koala-kumal kikoeru-quasar paginar part-view-4-youzy-vue pkg-exms magpie-base mcds mcdstest linna lss-charts-ui lyc-test mv-cms-render mv-form-render mv-mes-render mv-mes-renderer mv-template mv-template-ku mv-template-page molgenis-app-lifelines-webshop neohealthhub-component-library qiktonjwyoaclofrtcwa qilu-finance-manage pricing-clickcease pricing-page-client ramp-pcar public-forecast-display protegetuviaje-cotizador pruvious test-template-pkg suanpan-javascript-sdk talent-find suanpan-sdk time-line-big-screen ui-comp-lib ui-nuclear-mobile u-dashboard twhiteboard-ui shopexpress-core salary-slider rwc-client tt-ui-comp-lib vg-create-order-v2 vg-products-booking-widget-v2 v3roll video-player-libra visit-lib-complementary-items-components visit-lib-complements zxmap-ui-v2 zgjy-player xp-questions web-zap-subscribe-desktop vueasie vue2tslibrary vue2tslirary vue2-time-date-axis vue2-time-date-axis-anqi wto-notifications zcaiku vue-imgclip vue-slider-gif-maker vue-survey-builder vue-leng vue-marquee-component vue-marquee-component-fix wd-frontend-shared vuepress-plugin-immersive-music-player vuenmconfigurator vue2-youtube-editor vue2-youtube-player vue3-glassmorphism

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 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

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 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

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

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

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