Atom

Form Checkbox

  • inprogress
Usage Default Disabled Error Modifier

Usage

When to use

tbd

When to use

tbd

Default

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

Disabled

disabled

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

Error

has-error

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

Modifier

Name Description
When to use tbd