Atom

Form Checkbox

Default

Show code 
            
              <div class="form-checkbox">
  <label class="form-checkbox__container"><input class="form-checkbox__input" type="checkbox"> <span class="form-checkbox__checkmark"><!----></span> Label</label>
</div>

Disabled

.form-checkbox--disabled

Show code 
            
              <div class="form-checkbox form-checkbox--disabled">
  <label class="form-checkbox__container"><input class="form-checkbox__input" disabled type="checkbox"> <span class="form-checkbox__checkmark"><!----></span> Label</label>
</div>

Error

.form-checkbox--error

Show code 
            
              <div class="form-checkbox form-checkbox--error">
  <label class="form-checkbox__container"><input class="form-checkbox__input" disabled type="checkbox"> <span class="form-checkbox__checkmark"><!----></span> Label</label>
</div>

Success

.form-checkbox--success

Show code 
            
              <div class="form-checkbox form-checkbox--success">
  <label class="form-checkbox__container"><input class="form-checkbox__input" disabled type="checkbox"> <span class="form-checkbox__checkmark"><!----></span> Label</label>
</div>

Warning

.form-checkbox--warning

Show code 
            
              <div class="form-checkbox form-checkbox--warning">
  <label class="form-checkbox__container"><input class="form-checkbox__input" disabled type="checkbox"> <span class="form-checkbox__checkmark"><!----></span> Label</label>
</div>