switch
switch Base Markup
<div class="switch ">
<input id="id" type="checkbox" />
<label for="id"> switch </label>
</div>
radio
radio Base Markup
<label for="radio-1" class="radio ">
radio <input type="radio" id="radio-1" name="radio">
</label>
checkbox
checkbox Base Markup
<label for="checkbox-1" class="checkbox ">
checkbox <input type="checkbox" id="checkbox-1" name="checkbox">
</label>