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>