Form Slider + Switcher header small text goes here...
Default Switchery
Use the attribute data-render="switchery"
to render the switchery switcher,
and use the attribute data-theme="default"
to set the theme color
All Available Options
- theme:
data-theme="default"
- secondary color:
data-secondary-color="#dfdfdf"
- classname:
data-classname="switchery"
- disabled:
data-disabled="true"
- disabledOpacity:
data-disabled-opacity="0.5"
- speed:
data-speed="0.5s"
Default Powerange
Use the attribute data-render="poweranger-slider"
to render the switchery powerange slider.
All Available Options
- decimal:
data-decimal="false"
- disable:
data-disable="false"
- disableOpacity:
data-disable-opacity="0.5"
- hideRange:
data-hide-range="false"
- klass:
data-class=""
- min:
data-min="0"
- max:
data-max="100"
- start:
data-min="null"
- step:
data-min="null"
- vertical:
data-vertical="false"
Slider Colors
Available Classes for powerange slider is red
, blue
,
purple
, orange
and black
.
Horizontal Sliders
Set the attribute data-vertical="true"
in order to render the slider as horizontal view.