Radio Buttons

Radio Buttons allow users to easily select one of several options.


<div class="Form__group g-1_2">
<label class="Form__label">Radio label</label>
<label class="Choice">
<input type="radio" name="radio1" checked>
<span class="Choice__label">Example radio label</span>
</label>
<label class="Choice">
<input type="radio" name="radio1">
<span class="Choice__label">Example radio label</span>
</label>
</div>

Radio Buttons With Descriptions

<div class="Form__group">
<label class="Form__label">Radio label</label>
<label class="Choice">
<input type="radio" name="radio1" checked>
<span class="Choice__label">Example radio label</span>
<span class="Choice__description">Help explain what this choice is</span>
</label>
<label class="Choice">
<input type="radio" name="radio1" checked>
<span class="Choice__label">Example radio label that is really long and probably wraps really awkwardly</span>
<span class="Choice__description">Help explain what this choice is in more text than should be necessary to see how text wraps</span>
</label>
</div>