Yammer Teams Slack email

Checkbox

Checkboxes allow users to select multiples options or only one.

Example

<div class="nj-checkbox">
    <label>
      <input type="checkbox"> Wonderful choice
    </label>
  </div>
<form>
  <div class="nj-form-group">
    
      <div class="nj-checkbox">
        <label>
          <input type="checkbox"> Wonderful choice
        </label>
      </div>
    
    
    <div class="nj-checkbox">
      <label>
        <input type="checkbox"> Bad choice
      </label>
    </div>
    
    
    <div class="nj-checkbox nj-checkbox--disabled">
      <label>
        <input type="checkbox" disabled> Disabled choice
      </label>
    </div>
    
  </div>

  
    <div class="nj-checkbox nj-checkbox--inline">
      <label>
        <input type="checkbox"> Inline choice 1
      </label>
    </div>
  
  
    <div class="nj-checkbox nj-checkbox--inline">
      <label>
        <input type="checkbox"> Inline choice 2
      </label>
    </div>
  
  
    <div class="nj-checkbox nj-checkbox--inline nj-checkbox--disabled">
      <label>
        <input type="checkbox" disabled> Inline choice 3 disabled
      </label>
    </div>
  
</form>