altinn-designsystem/dist/patterns/02-organismer-30-seksjoner-15-gjennomgang/02-organismer-30-seksjoner-15-gjennomgang.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 02-organismer-30-seksjoner-15-gjennomgang -->
<div class="a-card a-question-wrapper">
  <!-- START: 01-molekyler-01-kort-_04-kort-gjennomgang -->
  <ol class="no-decoration a-circle-list">
    <li class="a-trigger-question">
      Første spørsmål
      <!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
      <div class="hidewhenempty">

        <fieldset>
          <legend class="sr-only">Velg et alternativ</legend>


          <div class="a-switch  ">

            <input id="q1-a" class="sr-only" type="radio" name="q1" value="radiobutton-read" />

            <label for="q1-a" class="a-switch-label ">
	        Første svaralternativ
	      </label>

          </div>


          <div class="a-switch  ">

            <input id="q1-b" class="sr-only" type="radio" name="q1" value="radiobutton-read" />

            <label for="q1-b" class="a-switch-label ">
	        Andre svaralternativ
	      </label>

          </div>


        </fieldset>

      </div>

      <!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

      <hr class="a-hrLight" />
    </li>
    <li class="a-trigger-question">
      Andre spørsmål
      <!-- START: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->
      <div class="hidewhenempty">

        <fieldset>
          <legend class="sr-only">Velg et alternativ</legend>


          <div class="a-switch  ">

            <input id="q2-a" class="sr-only" type="radio" name="q2" value="radiobutton-read" />

            <label for="q2-a" class="a-switch-label ">
	        Første svaralternativ
	      </label>

          </div>


          <div class="a-switch  ">

            <input id="q2-b" class="sr-only" type="radio" name="q2" value="radiobutton-read" />

            <label for="q2-b" class="a-switch-label ">
	        Andre svaralternativ
	      </label>

          </div>


        </fieldset>

      </div>

      <!-- END: 00-atomer-01-forms-07-valgknapp-ett-alternativ -->

      <hr class="a-hrLight" />
    </li>
    <li>
      <!-- START: 00-atomer-02-lenker-00-link -->
      <a href="#" class="a-btn ">
  Vis aktuelle foretaksformer for deg
  
</a>
      <!-- END: 00-atomer-02-lenker-00-link -->

    </li>
  </ol>

  <!-- END: 01-molekyler-01-kort-_04-kort-gjennomgang -->

</div>

<!-- END: 02-organismer-30-seksjoner-15-gjennomgang -->