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

Padrão Digital de Governo

<div class="row">
  <div class="col-md">
    <div class="br-switch mr-5" role="presentation">
      <input id="switch-left" type="checkbox" name="switch-left" checked="checked" role="switch"/>
      <label for="switch-left">Label na esquerda</label>
    </div>
  </div>
  <div class="col-md mt-3 mt-md-0">
    <div class="br-switch right mr-5" role="presentation">
      <input id="switch-right" type="checkbox" name="switch-right" checked="checked" role="switch"/>
      <label for="switch-right">Label na direita</label>
    </div>
  </div>
  <div class="col-md mt-3 mt-md-0">
    <div class="br-switch top mr-5" role="presentation">
      <input id="switch-top" type="checkbox" name="switch-top" checked="checked" role="switch"/>
      <label for="switch-top">Label no topo</label>
    </div>
  </div>
</div>