@govbr-ds/core/dist/util/checkgroup/examples/checkgroup-behavior.html

Padrão Digital de Governo

<div class="mb-1">
  <div class="checkgroup-example">
    <input id="p1" name="p1" type="checkbox" aria-label="Selecionar tudo" checked="checked" indeterminate="indeterminate" data-parent="check-01" data-checked-label="Selecionar tudo" data-unchecked-label="Desselecionar tudo"/>
    <label for="p1">Selecionar tudo</label>
  </div>
</div>
<div class="mb-1 ml-2">
  <div class="checkgroup-example">
    <input id="p1-f1" name="p1-f1" type="checkbox" aria-label="opção 1" checked="checked" data-child="check-01"/>
    <label for="p1-f1">Opção 1</label>
  </div>
</div>
<div class="mb-1 ml-2">
  <div class="checkgroup-example">
    <input id="p1-f2" name="p1-f2" type="checkbox" aria-label="opção 2" data-child="check-01"/>
    <label for="p1-f2">Opção 2</label>
  </div>
</div>
<div class="mb-1 ml-2">
  <div class="checkgroup-example">
    <input id="p1-f3" name="p1-f3" type="checkbox" aria-label="opção 3" data-child="check-01"/>
    <label for="p1-f3">Opção 3</label>
  </div>
</div>