Form Addons

statistics, charts, events and reports


Add the following line class="js-switch" data-color="#13dafe" to your input element.


You can add data-size="small",data-size="large" to your input element for different sizes.

Secondary Color

You can apply data-color="@color" data-secondary-color="@color" to your input element to both color.

Bootstrap Touchspin

Use the data-toggle="touchspin" to create a spinner.

Checkbox Square

With Custom Background

Checkbox Circle

Add simple checkbox-circle class

Radio Box

Custom Radio box

Basic Slider with Grid
Basic Slider without Grid
Range with Min Max
Range with Min Max