Forms
Radio
A native <input type="radio"> with the pui-radio class. Grouping, arrow-key navigation and the one-of-many behavior all come from the name attribute.
On this page
<label>
<input type="radio" name="plan" class="pui-radio" checked />
Free
</label>
<label>
<input type="radio" name="plan" class="pui-radio" />
Pro
</label>
Colors
<input type="radio" name="color" class="pui-radio" checked />
<input type="radio" name="color" class="pui-radio pui-success" checked />
<input type="radio" name="color" class="pui-radio pui-warn" checked />
Disabled
<input type="radio" name="plan" class="pui-radio" checked disabled />
A group of options
<fieldset>
<legend>Plan</legend>
<label><input type="radio" name="plan" class="pui-radio" /> Free</label>
<label><input type="radio" name="plan" class="pui-radio" /> Pro</label>
<label><input type="radio" name="plan" class="pui-radio" /> Team</label>
</fieldset>