Knobs can be used as switches too if they are supplied with a data-labelsattribute
data-angleOffset="270data-angleRange="180"data-labels="test1,test2,test3,test4,text5"class="preset1"data-angleOffset="270data-angleRange="180"data-labels="test1,test2,test3,test4,text5"class="preset1"As all knobs are made with SVG they scale. Use the data-size attribute to set the size of a knob
Customize the scale using min, max, data-angleOffset and
data-angleRange.
Where min & max defines the minimal and maximal value of the knob.
data-angleOffset sets the angle (in degree) where the scale starts, default is 0.
data-angleRange sets the range of the scale between 0 and 360 degree.
step define the step in which the value increase.
min="0"
max="10"
min="0"
max="10"
data-angleOffset="270
data-angleRange="180"
step="2"
min="-12"
max="12"
data-angleOffset="220"
data-angleRange="280"
step="3"
As the knobs are build with SVG all parts can by styled with CSS.
All knobs can be build of the following components