2.29.1 #Components.radio.group Group
A basic radio group. Apply a .sb-radio-group class to the radio wrapper.
If you would like to apply validation styles and messages, check out the Form Control component.
Browser support: IE9+, Safari6+, Firefox30+, Chrome30+
Default styling
.sb-radio-group--inline
radio group aligned horizontally
Markup
<div class="sb-radio-group [modifier class]" role="radiogroup">
<div class="sb-radio">
<input type="radio" name="radio-1-[modifier class]" id="radio-4-[modifier class]" class="sb-radio__input">
<label class="sb-radio__label" for="radio-4-[modifier class]">
<span class="sb-radio__faux">
<div class="sb-radio__circle"></div>
</span>
<span class="sb-radio__text">Basic radio</span>
</label>
</div>
<div class="sb-radio">
<input type="radio" name="radio-1-[modifier class]" id="radio-5-[modifier class]" class="sb-radio__input">
<label class="sb-radio__label" for="radio-5-[modifier class]">
<span class="sb-radio__faux">
<div class="sb-radio__circle"></div>
</span>
<span class="sb-radio__text">Basic radio</span>
</label>
</div>
<div class="sb-radio">
<input type="radio" name="radio-1-[modifier class]" id="radio-6-[modifier class]" class="sb-radio__input">
<label class="sb-radio__label" for="radio-6-[modifier class]">
<span class="sb-radio__faux">
<div class="sb-radio__circle"></div>
</span>
<span class="sb-radio__text">Basic radio</span>
</label>
</div>
</div>
Source: components/_radio.scss, line 107