vue-range-slider - Simple slider component of Vue.js

  •        74

Just import vue-range-slider component and use it in your components. The props are compatible with native input[type="range"] element, so you can use min, max, step etc. like native element. vue-range-slider is built with Sass for its styling. If you want to customize vue-range-slider styles, you can easily do that by configuring Sass variables. Available variables can be seen in the component file.

https://github.com/ktsn/vue-range-slider

Tags
Implementation
License
Platform

   




Related Projects

vue-slider-component - Can use the slider in vue1.x and vue2.x(vue滑块组件)

  •    Vue

if the component initialization in a v-show="false" / display: none container or use transform / animation / margin to change the location of the component, there may be an exception ( The slider cannot be used, because the component can not initialize the size or slider position ). # When using the template element as a slot, can add special properties scope or slot-scope to get the value.

vue-concise-slider - vue-concise-slider,A simple vue sliding component

  •    Vue

vue-slider,A simple sliding component,has easy configuration,support self-adaption / fullscreen / button / page,and is compatible with mobile and PC terminal

react-rangeslider - A lightweight responsive react range slider component

  •    Javascript

A fast & lightweight react component as a drop in replacement for HTML5 input range slider element. React-Rangeslider is bundled with a slider component & default styles which can be overridden depending on your design requirements.

ion.rangeSlider - jQuery only range slider

  •    Javascript

Ion.RangeSlider. Is an easy, flexible and responsive range slider with tons of options. Or use the included PSD file and design a custom skin.

vue-hotel-datepicker - Vue date range picker component

  •    Vue

A responsive date range picker for Vue.js that displays the number of nights selected and allow several useful options like custom check-in/check-out rules, localisation support and more. The date format string.


angularjs-slider - Slider directive for AngularJS 1.X. No dependencies and mobile friendly.

  •    Javascript

I'm looking for a maintainer for this project. I have lost my Open Source Stamina for this project and I will probably not push any code to this project anymore (unless, I find some motivation later). I will try to merge pull requests if some are submitted, but only if they are really clean.Slider directive implementation for AngularJS 1.X, without any dependencies: http://angular-slider.github.io/angularjs-slider.

rangeslider.js - 🎚 HTML5 input range slider element polyfill

  •    Javascript

Simple, small and fast JavaScript/jQuery polyfill for the HTML5 <input type="range"> slider element. Check out the examples.

hooper - 🎠 A customizable accessible carousel slider optimized for Vue

  •    Javascript

Vue.js carousel component, optimized to work with Vue. If you are using PurgeCSS, make sure to whitelist hooper css When importing hooper/dist/hooper.css.

noUiSlider - noUiSlider is a lightweight JavaScript range slider library

  •    Javascript

noUiSlider is a lightweight JavaScript range slider. noUiSlider is licensed WTFPL. You can use it for free and without any attribution, in any personal or commercial project. You may also fork the project and re-release it under another license you prefer.

vue-swipe - A touch slider for vue.js.

  •    Vue

vue-swipe is a touch slider for vue.js.How to change swipe? Just use ref and call goto method like this.$refs.swipe.goto(newIndex) to change swipe item, see example code.

vue-agile - Carousel component for Vue.js

  •    Vue

Carousel component for Vue.js inspired by Slick. More powerful with each version, touch-friendly, written in Vue and Vanilla JS (without jQuery dependency). 🤝 Thanks to Maciej Wach for inventing the name, testing and motivation.

jQRangeSlider - A jquery UI range selection slider that supports dates

  •    Javascript

A jquery UI range selection slider that supports dates

jQRangeSlider - A jquery UI range selection slider that supports dates

  •    Javascript

A jquery UI range selection slider that supports dates

TTRangeSlider - A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range

  •    Objective-C

A slider, similar in style to UISlider, but which allows you to pick a minimum and maximum range. The default slider ranges from 0->100 and has 10 preselected as the minimum, and 90 as the maximum.

vue-carousel - A flexible, responsive, touch-friendly carousel for Vue.js

  •    Javascript

WARNING: vue-carousel is at pre-alpha stage of development and may undergo significant changes. Feel free to submit issues and feature requests here.

iosrangeslider - Source code for the iOS Range Slider series by Mal Curtis at BuildMobile

  •    Objective-C

Source code for the iOS Range Slider series by Mal Curtis at BuildMobile





We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.