Atom

Form Radio

  • inprogress

When to use

tbd

When to use

tbd

Show code
            
              <div class="form-radio">
  <label class="form-radio__container" for="radio1"><input class="form-radio__input" type="radio" value="" id="radio1" name="radioGroup"> Radio one</label>
</div>
<div class="form-radio">
  <label class="form-radio__container" for="radio2"><input class="form-radio__input" type="radio" value="" id="radio2" name="radioGroup"> Radio two</label>
</div>

            
          

disabled

Show code
            
              <div class="form-radio disabled">
  <label class="form-radio__container" for="radio3"><input class="form-radio__input" disabled type="radio" value="" id="radio3" name="radioGroup"> Radio one</label> <label class="form-radio__container" for="radio4"><input class="form-radio__input" disabled type="radio" value="" id="radio4" name="radioGroup"> Radio Two</label>
</div>

            
          

has-error

Show code
            
              <div class="form-radio has-error">
  <label class="form-radio__container" for="radio3"><input class="form-radio__input" type="radio" value="" id="radio3" name="radioGroup"> Radio one</label> <label class="form-radio__container" for="radio4"><input class="form-radio__input" type="radio" value="" id="radio4" name="radioGroup"> Radio Two</label>
</div>

            
          
Name Description
When to use tbd