Selection Controls

Selection controls allow the user to select options. There are three kinds: checkboxes, radio buttons, and switches. Selection controls use the theme’s accent colour.

Selection Controls

Checkboxes

<div class="checkbox checkbox-adv">
    <label for="...">
        <input class="access-hide" id="..." name="..." type="checkbox">...
        <span class="checkbox-circle"></span><span class="checkbox-circle-check"></span><span class="checkbox-circle-icon icon">done</span>
    </label>
</div>

disabled, .disabled & .checkbox-inline

Radio Buttons

<div class="radiobtn radiobtn-adv">
    <label for="...">
        <input class="access-hide" id="..." name="..." type="radio">...
        <span class="radiobtn-circle"></span><span class="radiobtn-circle-check"></span>
    </label>
</div>

disabled, .disabled & .radiobtn-inline

Switches

<div class="checkbox switch">
    <label for="...">
        <input class="access-hide" id="..." name="..." type="checkbox"><span class="switch-toggle"></span>...
    </label>
</div>
Linksappsclose
Fork me on GitHubcode dev62.comshare Visit material-rtllink