altinn-designsystem/dist/patterns/00-atomer-01-forms-01-♺-avkrysningsboks-stacked/00-atomer-01-forms-01-♺-avkrysningsboks-stacked.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-01-♺-avkrysningsboks-stacked -->
<!-- START: 00-atomer-01-forms-00-avkrysningsboks -->
<fieldset class="form-group mb-0">
  <legend class="a-legend">Velg ett eller flere alternativer</legend>
  <div class="custom-control  custom-checkbox a-custom-checkbox  ">
    <input type="checkbox" id="checkStacked1" class="custom-control-input">
    <label class="custom-control-label " for="checkStacked1">Kryss av i den første avkrysningsboksen</label>
  </div>
  <div class="custom-control  custom-checkbox a-custom-checkbox  ">
    <input type="checkbox" id="checkStacked2" class="custom-control-input">
    <label class="custom-control-label " for="checkStacked2">Kryss av i den andre avkrysningsboksen</label>
  </div>
  <div class="custom-control  custom-checkbox a-custom-checkbox  inactive  ">
    <input type="checkbox" id="checkStacked3" class="custom-control-input" disabled>
    <label class="custom-control-label " for="checkStacked3">Den tredje avkrysningsboksen er inaktiv, og er ikke egentlig en avkrysningsboks</label>
  </div>
  <div class="custom-control  custom-checkbox a-custom-checkbox  inactive  ">
    <input type="checkbox" id="check4" class="custom-control-input" disabled>
    <label class="custom-control-label " for="check4">En deaktivert avkrysningsboks</label>
  </div>
</fieldset>

<!-- END: 00-atomer-01-forms-00-avkrysningsboks -->


<!-- END: 00-atomer-01-forms-01-♺-avkrysningsboks-stacked -->