UI Library

Radio (UI states)

Toggle example guides Toggle HTML markup

Input radio user-interaction state.

<insert-markup>radio.uistates-</insert-markup>
:focus
an element that received focus
<insert-markup>radio.uistates-0</insert-markup>
Markup 
<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>
Source: static/css/src/_m-ip-radio.scss, line 1