altinn-designsystem/dist/patterns/00-atomer-01-forms-07-valgknapp-ett-alternativ/00-atomer-01-forms-07-valgknapp-ett-alternativ.markup-only.html

Altinn Design system based on Pattern Lab.

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

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


  <div class="a-switch  ">

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

    <label for="radiobutton-read" class="a-switch-label ">
		        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-read   "    ></i>


<!-- END: 00-atomer-09-bilder-og-media-15-ikon -->

	        Du kan velge denne
	      </label>

  </div>


  <div class="a-switch  ">

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

    <label for="radiobutton-edit" class="a-switch-label ">
	        eller denne
	      </label>

  </div>


  <div class="a-switch  ">

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

    <label for="radiobutton-sign" class="a-switch-label ">
	        eller denne
	      </label>

  </div>


</fieldset>


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