UNPKG

altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

61 lines (37 loc) 1.89 kB
<!-- START: 02-organismer-20-forms-50-skjema-radio --> <form data-toggle="validator" role="form" action="" class=""> <div class="a-modal-contentFullWidth mt-2"> <!-- START: 00-atomer-01-forms-04-radioknapp --> <fieldset class="form-group "> <legend class="a-legend">Velg en kategori </legend> <div class="custom-control custom-radio a-custom-radio a-radioButtons-stackedList a-radioButtons-searchResult custom-control-inline a-radioButtons-stackedList "> <input type="radio" id="%ID%" name="customRadio" value="%ID%" class="custom-control-input" required> <label class="custom-control-label a-radioButtons-title" for="%ID%">%PATH% <span style='color: #000'>%NAME%</span> <span class="a-radioButtons-excerpt a-maxThreeLines"> %DESCRIPTION% </span> </label> </div> <div class="custom-control custom-radio a-custom-radio a-radioButtons-stackedList a-radioButtons-searchResult custom-control-inline "> <input type="radio" id="radio32" name="customRadio" value="radio32" class="custom-control-input" required> <label class="custom-control-label a-radioButtons-title" for="radio32">Enda en radioknapp som inneholder mye tekst </label> </div> </fieldset> <!-- END: 00-atomer-01-forms-04-radioknapp --> </div> <div class="a-btn-group mt-2"> <!-- START: 00-atomer-03-knapper-10-knapp --> <button type="submit" class="a-btn "> Velg denne radioknappen </button> <!-- END: 00-atomer-03-knapper-10-knapp --> <!-- START: 00-atomer-02-lenker-00-link --> <a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class=" "> Finn næringskode selv </a> <!-- END: 00-atomer-02-lenker-00-link --> </div> </form> <!-- END: 02-organismer-20-forms-50-skjema-radio -->