Tronic247 Material

Radio buttons

Edit this page

Usage

<label class="radio">
    <input type="radio" name="demo">
    <span>Item</span>
</label>
<label class="radio">
    <input type="radio" name="demo" checked>
    <span>Item</span>
</label>
<label class="radio">
    <input type="radio" name="demo">
    <span>Item</span>
</label>

Without a label

<label class="radio">
    <input type="radio" name="demolabel">
    <span></span>
</label>
<label class="radio">
    <input type="radio" name="demolabel" checked>
    <span></span>
</label>
<label class="radio">
    <input type="radio" name="demolabel">
    <span></span>
</label>

Disabled

<label class="radio">
    <input type="radio" disabled>
    <span>Item</span>
</label>
<label class="radio">
    <input type="radio" disabled checked>
    <span>Item</span>
</label>
<label class="radio">
    <input type="radio" disabled>
    <span>Item</span>
</label>