Documentation

Form Elements

Luke Edwards Luke Edwards

Inputs

<label class="radio">
  <input type="radio" name="demo2[]" checked="true">
  <span class="radio--fake">
    <span></span>
  </span>
  <div>
    This is a label
  </div>
</label>

<label class="radio">
  <input type="radio" name="demo2[]">
  <span class="radio--fake">
    <span></span>
  </span>
  <div>
    This is a label
  </div>
</label>
<label class="radio has--text">
  <input type="radio" name="demo3[]">
  <span class="radio--fake">
    <span></span>
  </span>
  <div>
    This is a label
    <small>
      Helper text just in case you need it!
    </small>
  </div>
</label>

<label class="radio has--text">
  <input type="radio" name="demo3[]">
  <span class="radio--fake">
    <span></span>
  </span>
  <div>
    This is a label
    <small>
      Helper text just in case you need it!
    </small>
  </div>
</label>

Buttons