Radio

radio.scss

Use the radio module to create custom radio buttons.

Examples

Basic

Option 1 Option 2

<label class="radio">
  <input class="radio__input" name="radio-1" value="option-1" type="radio" required>
  <span class="radio__icon"></span>
  <span class="radio__label">Option 1</span>
</label>
<label class="radio">
  <input class="radio__input" name="radio-1" value="option-2" type="radio" required>
  <span class="radio__icon"></span>
  <span class="radio__label">Option 2</span>
</label>