Introduction | TrueUI

Atoms | Forms

Radio Input

Example

Radio
  • Choice A
  • Choice B
  • Choice C

HTML

<fieldset class="b--none pa0">
  <legend>Radio</legend>
  <ul class="list pl0">
    <li class="mv3">
    <label for="checkbox1"</label>
    <input id="checkbox1" type="radio" checked="checked" class="mr2"> Choice A
    <label for="checkbox2"</label>
    <input id="checkbox2" type="radio" class="mr2"> Choice B
    <label for="checkbox3"</label>
    <input id="checkbox3" type="radio" class="mr2"> Choice C
  </ul>
</fieldset>