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>