Checkbox

Default

Example
<input styling="checkbox-switch" id="switch1" type="checkbox">
<label for="switch1"></label>
                

Square

Example
<input styling="checkbox-switch" id="switch2" type="checkbox">
<label styling="square" for="switch2"></label>
                

Flat

Example
<input styling="checkbox-switch" id="switch3" type="checkbox">
<label styling="flat" for="switch3"></label>
                

Thin

Example
<input styling="checkbox-switch" id="switch4" type="checkbox">
<label styling="thin" for="switch4"></label>
                

Colors

Example
<input styling="checkbox-switch" id="switch5" type="checkbox">
<label styling="positive" for="switch5"></label>
<input styling="checkbox-switch" id="switch6" type="checkbox">
<label styling="negative" for="switch6"></label>
<input styling="checkbox-switch" id="switch8" type="checkbox">
<label styling="warning" for="switch8"></label>
<input styling="checkbox-switch" id="switch10" type="checkbox">
<label styling="info" for="switch10"></label>
                

Size

Example
<input styling="checkbox-switch" id="switch13" type="checkbox">
<label styling="tiny" for="switch13"></label>
<input styling="checkbox-switch" id="switch14" type="checkbox">
<label styling="massive" for="switch14"></label>