altinn-designsystem/dist/patterns/01-molekyler-05-forms-02-fant-du-det-du-lette-etter/01-molekyler-05-forms-02-fant-du-det-du-lette-etter.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-05-forms-02-fant-du-det-du-lette-etter JS doc: feedbackToggle.js -->
<form class="mt-4 a-dontPrint">
  <!-- START: 00-atomer-01-forms-04-radioknapp -->
  <fieldset class="form-group ">

    <legend class="a-legend">Fant du det du lette etter?
    </legend>

    <div class="custom-control custom-radio a-custom-radio a-js-feedbackToggle  custom-control-inline  ">
      <input type="radio" id="radio1" name="customRadio" value="radio1" class="custom-control-input">
      <label class="custom-control-label a-radioButtons-title" for="radio1">Ja


			</label>
    </div>
    <div class="custom-control custom-radio a-custom-radio a-js-feedbackToggle  custom-control-inline  ">
      <input type="radio" id="radio2" name="customRadio" value="radio2" class="custom-control-input">
      <label class="custom-control-label a-radioButtons-title" for="radio2">Nei


			</label>
    </div>

  </fieldset>

  <!-- END: 00-atomer-01-forms-04-radioknapp -->

  <!-- START: 00-atomer-07-tekst-03-avsnitt -->
  <p class="">Takk for din tilbakemelding.</p>

  <!-- END: 00-atomer-07-tekst-03-avsnitt -->

  <!-- START: 00-atomer-01-forms-40-tekstfelt -->
  <div class="form-group a-form-group ">
    <label for="" class="a-form-label">Hva savnet du?</label>
    <textarea class="form-control a-textarea" rows="3" placeholder="Gi oss gjerne en tilbakemelding på hva vi kan forbedre.." name=""></textarea>
  </div>

  <!-- END: 00-atomer-01-forms-40-tekstfelt -->

  <!-- START: 00-atomer-03-knapper-10-knapp -->
  <button type="button" class="a-btn mt-2">
  
    Send
  
</button>

  <!-- END: 00-atomer-03-knapper-10-knapp -->

</form>

<!-- END: 01-molekyler-05-forms-02-fant-du-det-du-lette-etter -->