altinn-designsystem/dist/patterns/01-molekyler-05-forms-00-last-opp-og-fjern/01-molekyler-05-forms-00-last-opp-og-fjern.markup-only.html

Altinn Design system based on Pattern Lab.

<!-- START: 01-molekyler-05-forms-00-last-opp-og-fjern -->
<div id="js-attachmentForm">
  <!-- START: 00-atomer-01-forms-70-upload -->
  <div class="a-form-label a-fontBold">Vedlegg</div>

  <label class="a-btn a-btn-action a-iconRight a-custom-fileupload mb-0 mt-1 a-js-uploadAttachment">
    <input  class="a-js-certificateContainer sr-only" type="file" id="newCertificateInput">
    Legg ved en fil
      <!-- START: 00-atomer-09-bilder-og-media-15-ikon -->
<i class="ai ai-upload   "    ></i>


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

  </label>


  <!-- END: 00-atomer-01-forms-70-upload -->

  <div style="display:none" class="a-js-upload-error">
    <div class="a-message a-message-error">Feilmelding</div>
  </div>
  <!-- START: 00-atomer-07-tekst-00-varsel -->
  <div id="alert" class="a-message a-message-edit a-message--arrow-off a-message--fullwidth a-message--no-dropshadow mb-0 mt-1 a-js-attachment-box ">
    <!-- START: 00-atomer-07-tekst-_00-varsel-innhold -->
    <div class="row a-delete-add-container">
      <div class="col a-fontBold a-js-attachment-name">
        dittbilde.jpg
      </div>
      <div class="col-md-auto col-sm-12">
        <button type='button' class='a-btn a-btn-icon a-btn-delete'><i class='ai ai-sm ai-circle-exit a-danger ai-left' aria-hidden='true'></i><span class='a-btn-icon-text'>Slett vedlegg</span></button>
      </div>


    </div>


    <!-- END: 00-atomer-07-tekst-_00-varsel-innhold -->

  </div>

  <!-- END: 00-atomer-07-tekst-00-varsel -->

</div>

<!-- END: 01-molekyler-05-forms-00-last-opp-og-fjern -->