altinn-designsystem
Version:
Altinn Design system based on Pattern Lab.
63 lines (41 loc) • 1.65 kB
HTML
<!-- START: 01-molekyler-04-grupper-00-grupperte-knapper -->
<div class="a-btn-group" id="btnGroup">
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn ">
En standard knapp
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-success ">
En knapp som antyder suksess
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn a-btn-danger ">
En knapp som antyder fare
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-03-knapper-10-knapp -->
<button type="button" class="a-btn-link ">
<span>
En knapp som er stylet som en lenke, som trenger litt lengre tekst.
</span>
</button>
<!-- END: 00-atomer-03-knapper-10-knapp -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class=" ">
Intern lenke
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="/patterns/04-sider-infoportal-01-forside-00-forside/04-sider-infoportal-01-forside-00-forside.html" class="a-btn mt-1 ">
En lenk som er stylet som en knapp
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
<!-- START: 00-atomer-02-lenker-00-link -->
<a href="http://www.skatteetaten.no" class=" ">
Ekstern lenke
</a>
<!-- END: 00-atomer-02-lenker-00-link -->
</div>
<!-- END: 01-molekyler-04-grupper-00-grupperte-knapper -->