Atom

Form Radio

Default

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

Disabled

.form-radio--disabled

Show code 
            
              <div class="form-radio form-radio--disabled">
  <input class="form-radio__input" type="radio" value="" id="" disabled> <label class="form-radio__container" for=""><span class="form-radio__checkmark"><!----></span>Label</label>
</div>

Error

.form-radio--error

Show code 
            
              <div class="form-radio form-radio--error">
  <input class="form-radio__input" type="radio" value="" id="" disabled> <label class="form-radio__container" for=""><span class="form-radio__checkmark"><!----></span>Label</label>
</div>

Success

.form-radio--success

Show code 
            
              <div class="form-radio form-radio--success">
  <input class="form-radio__input" type="radio" value="" id="" disabled> <label class="form-radio__container" for=""><span class="form-radio__checkmark"><!----></span>Label</label>
</div>

Warning

.form-radio--warning

Show code 
            
              <div class="form-radio form-radio--warning">
  <input class="form-radio__input" type="radio" value="" id="" disabled> <label class="form-radio__container" for=""><span class="form-radio__checkmark"><!----></span>Label</label>
</div>