shiasn / vue-knober

A vue knob component

vue-knober v1.0.5

VueKnober - a knob ui component

Dome Online

Laptop

Mobile

Usage

npm install -S vue-knober

import Vue form 'vue';
import VueKnober from 'vue-knober';
Vue.component('vue-knober', VueKnober);

<vue-knober v-model="level"/>

prop	describe	type	default
size	define knob size	string / number	250(px)
value	v-model	string / number	0
min	minimum value	string / number	0
max	maximum value	string / number	255
primaryColor	primary color	string	#79bd9a
diffColor	diff color	string	#cff0da
quenchColor	quanch color	string	#eee
backgroundColor	background color	string	#fff
shadowColor	shadow color	string	#aaa
fontColor	font color	string	#999