<input type="checkbox" data-role="flipswitch">
Strona składa się z nagłówka, częsci głównej i stopki.
<form>
<label for="flip-checkbox-1">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-1" id="flip-checkbox-1">
<label for="flip-checkbox-2">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-2" id="flip-checkbox-2"
data-on-text="Light" data-off-text="Dark" data-wrapper-class="custom-label-flipswitch">
<label for="flip-checkbox-3">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-3" id="flip-checkbox-3"
data-on-text="Assured" data-off-text="Uncertain" data-wrapper-class="custom-size-flipswitch">
<label for="flip-checkbox-4">Flip toggle switch checkbox:</label>
<input type="checkbox" data-role="flipswitch" name="flip-checkbox-4" id="flip-checkbox-4" checked="">
</form>