Check All

                
                  <div class="form-check mb-2"><!-- check all -->
                    <input data-sow-checkall="#checkall-list" class="form-check-input form-check-input-default" type="checkbox" value="" id="checkall-top">
                    <label class="form-check-label" for="checkall-top">
                      Check All
                    </label>
                  </div>

                  <div id="checkall-list" class="p-3">

                    <div class="form-check mb-2"><!-- item -->
                      <input class="form-check-input form-check-input-primary" type="checkbox" value="" id="option-1">
                      <label class="form-check-label" for="option-1">
                        Option 1
                      </label>
                    </div>
                    <div class="form-check mb-2"><!-- item -->
                      <input class="form-check-input form-check-input-primary" type="checkbox" value="" id="option-2">
                      <label class="form-check-label" for="option-2">
                        Option 2
                      </label>
                    </div>
                    <div class="form-check mb-2"><!-- item -->
                      <input class="form-check-input form-check-input-primary js-ignore" type="checkbox" value="" id="checkIgnored">
                      <label class="form-check-label" for="checkIgnored">
                        Ignored
                      </label>
                    </div>

                  </div>

                  <div class="form-check mb-2"><!-- check all -->
                    <input data-sow-checkall="#checkall-list" class="form-check-input form-check-input-default" type="checkbox" value="" id="checkall-bottom">
                    <label class="form-check-label" for="checkall-bottom">
                      Check All
                    </label>
                  </div>