Radio group

Custom radio controls in a column or a row.

Source: src/stylus/components/radio-group.styl

Column

Group the fields in .radio-group.

<div class="radio-group">
  <label class="radio-field">
    <input type="radio" name="tier" class="radio" checked />
    <span>Open source</span>
  </label>
  <label class="radio-field">
    <input type="radio" name="tier" class="radio" />
    <span>Enterprise</span>
  </label>
</div>

Row

Add .radio-group-row to lay the options out horizontally.

<div class="radio-group radio-group-row">
  <label class="radio-field">
    <input type="radio" name="cadence" class="radio" checked />
    <span>Weekly</span>
  </label>
  <label class="radio-field">
    <input type="radio" name="cadence" class="radio" />
    <span>Monthly</span>
  </label>
</div>