<div class="m-ip-radio">
    <input type="radio" class="m-ip-radio__input" id="gender-male" name="gender" value="male" checked>
    <label class="m-ip-radio__label" for="gender-male" tabindex="0">Male</label>
</div>

<div class="m-ip-radio">
    <input type="radio" class="m-ip-radio__input" id="disabled-radio" disabled>
    <label class="m-ip-radio__label" for="disabled-radio">Radio</label>
</div>

<div class="m-ip-radio m-ip-radio--inline">
    <input type="radio" class="m-ip-radio__input" id="il-gender-male" name="il_gender" value="male">
    <label class="m-ip-radio__label" for="il-gender-male" tabindex="0">Male</label>
</div>
<div class="m-ip-radio m-ip-radio--inline">
    <input type="radio" class="m-ip-radio__input" id="il-gender-female" name="il_gender" value="female">
    <label class="m-ip-radio__label" for="il-gender-female" tabindex="0">Female</label>
</div>

<div class="m-ip-radio">
    <input type="radio" class="m-ip-radio__input" id="gender-male" name="gender" value="male">
    <label class="m-ip-radio__label [modifier class]" for="gender-male" tabindex="0">Male</label>
</div>