UI Library

Radio (inline)

Toggle example guides Toggle HTML markup

Input radio displayed inline.

<insert-markup>radio.inline-</insert-markup>
Markup 
<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>
Source: static/css/src/_m-ip-radio.scss, line 112