vue-knober

A vue knob component

Usage no npm install needed!

<script type="module">
  import vueKnober from 'https://cdn.skypack.dev/vue-knober';
</script>

README

vue-knober v1.0.5

VueKnober - a knob ui component

Dome Online

Laptop

vue-knobe

Mobile

vue-knobe

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