altinn-designsystem/dist/patterns/00-atomer-01-forms-50-flervalg-stilisert/00-atomer-01-forms-50-flervalg-stilisert.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 00-atomer-01-forms-50-flervalg-stilisert -->
<div class="form-group input-group transparent a-js-forceFlexColumn a-form-group">
  <div data-toggle="altinn-dropdown" class="dropdown a-transparent a-fullWidthXs">
    <input type="hidden" class="a-js-altinnDropdown-value" />
    <button class="btn dropdown-toggle a-dropdown-toggle form-control-alt  a-js-dropdownToValidate" type="button" id="dropdownMenu" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-private  d-none d-lg-inline-block "    ></i>


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

      <span class="a-form-text ">
        KARI NORDMANNS FORETAK
      </span>
    </button>
    <div class="dropdown-menu a-dropdown-menu" aria-labelledby="dropdownMenu">
      <a class="dropdown-item a-dropdown-item" href="#" data-value="1">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-private  d-none d-lg-inline "></i>


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

        <span class="a-form-text ">
            KARI NORDMANN
          </span>
      </a>
      <a class="dropdown-item a-dropdown-item" href="#" data-value="2">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-private  d-none d-lg-inline "></i>


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

        <span class="a-form-text ">
            OLA NORDMANN
          </span>
      </a>
      <a class="dropdown-item a-dropdown-item" href="#" data-value="3">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-client  d-none d-lg-inline "></i>


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

        <span class="a-form-text ">
            OLA NORDMANNS FORETAK
          </span>
      </a>
      <a class="dropdown-item a-dropdown-item" href="#" data-value="4">
        <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
        <i class="ai ai-client  d-none d-lg-inline "></i>


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

        <span class="a-form-text ">
            OLA NORDMANNS ANDRE FORETAK
          </span>
      </a>
    </div>
  </div>
  <div class="a-message a-message-error a-js-adjustedError" data-valmsg-for="" data-valmsg-replace="false">
    <span class="has-error"></span>
  </div>
</div>

<!-- END: 00-atomer-01-forms-50-flervalg-stilisert -->