SVG Based Circle Slider Component For Vue.js

Description:

A Vue.js component to generate a customizable circular slider for easier value selection.

Features:

  • svg based view
  • binding via v-model
  • defining min & max values
  • defining step size
  • animation while updating to new value on click by circle
  • touch devices support (touchmove)
  • sizes customization: exact and relative definitions
  • colors customization

Preview:

SVG Based Circle Slider Component For Vue.js

 

Download Details:

Author: devstark-com

Live Demo: https://devstark-com.github.io/vue-circle-slider-demo/

Download Link: https://github.com/devstark-com/vue-circle-slider/archive/master.zip

Official Website: https://github.com/devstark-com/vue-circle-slider

Last Update: May 26, 2017

Views Total: 1,349

Install:

npm install --save vue-circle-slider

Add Comment