<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>