altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
71 lines (45 loc) • 1.93 kB
HTML
<!-- START: 02-organismer-70-Modal-innhold-40-onboarding-start JS doc: clipboard.js -->
<!-- Button trigger modal-->
<button type="button" class="a-btn a-js-modalLauncher" data-toggle="modal" data-target="#modalOnboardingExample">
<!-- <button type="button" class="a-btn a-js-modalLauncher hidden-xl-down" data-toggle="modal" data-target="#modalOnboardingExample"> -->
Åpne onboarding
</button>
<!-- Modal -->
<div class="modal a-modal fade a-onboarding" id="modalOnboardingExample" role="dialog" aria-labelledby="" aria-hidden="true" data-backdrop="false">
<div class="a-modal-bottomBG">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<!--<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>-->
<h4 class="modal-title" id="myModalLabel">1 av 1</h4>
</div>
<div class="modal-body">
<div class="clearfix">
<!-- START: 00-atomer-07-tekst-02-intro-tekst -->
<p class="a-leadText " id="leadText">Tekst!</p>
<!-- END: 00-atomer-07-tekst-02-intro-tekst -->
</div>
</div>
<div class="modal-footer">
<div class="a-btn-group">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success ">
Knapp!
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link a-textWhite " data-dismiss="modal">
<span>
Hopp over introen
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END: 02-organismer-70-Modal-innhold-40-onboarding-start -->