Badge

Om komponenten

Må brukes på en <span> eller annet element med display: inline ved å legge på klassen .pkt-badge.

Unngå å bruke modifiers på knapper.

Fjern ekstra ordmellomrom mellom tekst og badge for konsekvent spacing mellom tekst og badge.

Varianter

  • .pkt-badge--strong → Mørk bakgrunn med lyseblÃ¥ tekst
  • .pkt-badge--info → Gul bakgrunn med svart tekst
    <a href="#">Fakturaoversikt<span class="pkt-badge">Beta</span></a>
    <a href="#">Fakturaoversikt<span class="pkt-badge pkt-badge--strong">Beta</span></a>
    <a href="#">Fakturaoversikt<span class="pkt-badge pkt-badge--info">Beta</span></a>
    <button class="pkt-btn">Vis alle<span class="pkt-badge">42</span></button>
    <h1>TT-reiser<span class="pkt-badge">Ny</span></h1>