altinn-designsystem/dist/patterns/00-atomer-01-forms-14-♺-tekst-input-hjelpetekst/00-atomer-01-forms-14-♺-tekst-input-hjelpetekst.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-14-♺-tekst-input-hjelpetekst -->
<!-- START: 00-atomer-01-forms-10-tekst-input JS doc: handleFocus.js -->

<div class="form-group a-form-group   ">

  <label class="a-form-label  " for="text-input-hjelpetekst">Label:</label>

  <div class="a-form-group-items input-group   ">


    <input class="form-control  
         " type="text" placeholder="f.eks placeholder" name="input-field" data-val="true" id="text-input-hjelpetekst">




  </div>

  <small id="help" class="form-text a-validatorInfo">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-info  a-validatorInfo-icon "    ></i>


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

        Denne teksten er en hjelpetekst
      </small>

</div>

<!-- END: 00-atomer-01-forms-10-tekst-input -->


<!-- END: 00-atomer-01-forms-14-♺-tekst-input-hjelpetekst -->