2.1.2 - Input group
Source: molecules/_form-group.scss, line 122
.input-group helps to space evenly radio and checkbox buttons
Example:
Opps, please check.
input is valid.
<div class="form-group">
<label>What do you thing?</label>
<div class="input-group">
<label class="input-label"><input type="radio" name="test7" value="radio1"> Yes</label>
<label class="input-label"><input type="radio" name="test7" value="radio2"> No</label>
<label class="input-label"><input type="radio" name="test7" value="radio3"> Not sure</label>
</div>
<p class="form-text has-error">Opps, please check.</p>
<p class="form-text is-valid">input is valid.</p>
</div>