@collab-ui/core/scss/components/checkbox/examples/nested.html

Cisco Collab UI CSS Framework

  <form name="nestedCheckboxForm">
    <div class="cui-input-group cui-checkbox">
      <input
        class="cui-input cui-checkbox__input"
        type="checkbox"
        id="checkbox-parent"
        name="checkbox-parent" />
      <label class="cui-checkbox__label" for="checkbox-parent">
        Parent Checkbox Example
      </label>
    </div>
    <div class="cui-input-group cui-checkbox cui-input--nested-1">
      <input
        class="cui-input cui-checkbox__input"
        type="checkbox"
        id="checkboxNested1"
        name="checkboxNested1" />
      <label class="cui-checkbox__label" for="checkboxNested1">
        Child Checkbox Nested 1 Level
      </label>
    </div>
    <div class="cui-input-group cui-checkbox cui-input--nested-2">
      <input
        class="cui-input cui-checkbox__input"
        type="checkbox"
        id="checkboxNested2"
        name="checkboxNested2" />
      <label class="cui-checkbox__label" for="checkboxNested2">
        Child Checkbox Nested 2 Levels
      </label>
    </div>
    <div class="cui-input-group cui-checkbox cui-input--nested-3">
      <input
        class="cui-input cui-checkbox__input"
        type="checkbox"
        id="checkboxNested3"
        name="checkboxNested3" />
      <label class="cui-checkbox__label" for="checkboxNested3">
        Child Checkbox Nested 3 Levels
      </label>
    </div>
  </form>