Example
Do You Use Your Powers For Good?
Markup: forms/forms-radio.html
<div class="grid">
<div class="grid__row grid__row--padded">
<div class="
grid__col--lg-4
grid__col--md-4
grid__col--sm-12
grid__col--xs-12
">
<p id="radios--group">Do You Use Your Powers For Good?</p>
<div role="radiogroup" aria-labelledby="radios--group">
<label class="label label--inline label--light" for="radio-always">
<input class="radio" id="radio-always" type="radio" name="good-powers" />
Always!
</label>
<label class="label label--inline label--light" for="radio-never">
<input class="radio" id="radio-never" type="radio" name="good-powers" />
Never!
</label>
<label class="label label--inline label--light" for="radio-sometimes">
<input class="radio" id="radio-sometimes" type="radio" name="good-powers" />
Sometimes...
</label>
</div>
</div>
</div>
</div>
Source:
forms/_forms.scss, line 127