Selection controls

There are a couple types of selection controls that you can use. For now you can use the checkbox, radio and switch

For the checkbox progress indicator all you have to do is use the checkbox input with the class .checkbox.

    
<label>
    <input type="checkbox" class="checkbox">
    Checkbox
</label>
<label>
    <input type="checkbox" checked disabled class="checkbox">
    Disabled checkbox
</label>
<label>
    <input type="checkbox" disabled class="checkbox">
    Disabled checkbox
</label>
    

For a radio button all you need to do use the radio input with the class .radio.

    
<label>
    <input type="radio" class="radio" name="t1">
    Radio
</label>
<label>
    <input type="radio" disabled checked class="radio" name="t1">
    Disabled Radio
</label>
<label>
    <input type="radio" disabled class="radio" name="t1">
    Disabled Radio
</label>
    

For a switch all you need to do use the checkbox input with the class .switch.

    
<label>
    <input type="checkbox" class="switch">
    Switch
</label>
<label>
    <input type="checkbox" disabled checked  class="switch">
    Disabled Switch
</label>
<label>
    <input type="checkbox" disabled  class="switch">
    Disabled Switch
</label>