altinn-designsystem

Version:

Altinn Design system based on Pattern Lab.

71 lines (50 loc) • 2.53 kB

HTML

<div class="modal-body a-modal-body"> <div class="row"> <div class="col-12">  <div class="a-iconText a-iconText--noMinHeight"> <div class="a-iconText-icon "></div> <div class="a-iconText-text"> <span class="a-iconText-text-small">Liten tekst</span> <span class="a-iconText-text-large">Stor tekst </span> </div> </div>  <div class="a-full-width"> <hr class="mb-2 mt-3"> </div> </div> <div class="col-12 mb-2 a-fontBold"> Vent litt... Vi mangler e-postadresse til den du gir rettighet til.<br />For å gjennomføre må du fylle inn e-post under. </div> </div> <div class="row"> <div class="col-12 col-md-8 col-xl-6">  <div class="form-group a-form-group "> <label class="a-form-label sr-only " for="text-input-delegering-epost">Epost:</label> <div class="a-form-group-items input-group "> <span class="input-group-prepend d-none d-md-block"> <i class="ai ai-closedmessage " ></i>  </span> <input class="form-control a-hasIcon " type="email" placeholder="f.eks post@karinordmann.no" name="input-field" data-val="true" id="text-input-delegering-epost" required data-val-regex="Feil epost verdier" data-val-regex-pattern="(('[^']+')|(([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+(.([a-zA-Z0-9!#$%&'*+-=?^_`{|}~])+)*))@((((([a-zA-Z0-9æøåÆØÅ]([a-zA-Z0-9-æøåÆØÅ]{0,61})[a-zA-Z0-9æøåÆØÅ].)|[a-zA-Z0-9æøåÆØÅ].){1,9})([a-zA-Z]{2,14}))|((d{1,3}).(d{1,3}).(d{1,3}).(d{1,3})))"> </div> <div class="a-message a-message-error" data-valmsg-for="input-field" data-valmsg-replace="true"></div> </div>  </div> </div> <div class="row"> <div class="col-xl-12 mt-2">  <button type="submit" class="a-btn a-btn-success mb-0"> Fullfør </button>  </div> </div> </div>