@govbr-ds/core/dist/components/switch/examples/switch-density.html

Padrão Digital de Governo

<div class="row">
  <div class="col-md">
    <div class="br-switch small mr-5" role="presentation">
      <input id="switch-small" type="checkbox" name="switch-small" checked="checked" role="switch"/>
      <label for="switch-small">Densidade Alta</label>
    </div>
  </div>
  <div class="col-md mt-3 mt-md-0">
    <div class="br-switch medium" role="presentation">
      <input id="switch-medium" type="checkbox" name="switch-medium" checked="checked" role="switch"/>
      <label for="switch-medium">Densidade Média (Padrão)</label>
    </div>
  </div>
  <div class="col-md mt-3 mt-md-0">
    <div class="br-switch large mr-5" role="presentation">
      <input id="switch-large" type="checkbox" name="switch-large" checked="checked" role="switch"/>
      <label for="switch-large">Densidade Baixa</label>
    </div>
  </div>
</div>