Gå till innehåll

Etikett

Komponenten Etikett används för att visa etiketter/taggningar för olika objekt över webbplatsen.

Den finns i olika färgscheman baserat på Envision-temafärger.

Etikett

Etikett - Element

Etikett - Element primär

Etikett - Element sekundär

Etikett - Element framgång

Etikett - Element fara

Etikett - Element varning

Etikett - Element info

Etikett - Status neutral

Etikett - Status aktiv

Etikett - Status uppmärksamhet

Etikett - Status fel 

<p class="aiv-tag">
   Etikett
</p>

<p class="aiv-tag aiv-tag--element">
   Etikett - Element
</p>

<p class="aiv-tag aiv-tag--element-primary">
   Etikett - Element primär
</p>

<p class="aiv-tag aiv-tag--element-secondary">
   Etikett - Element sekundär
</p>

<p class="aiv-tag aiv-tag--element-success">
   Etikett - Element framgång
</p>

<p class="aiv-tag aiv-tag--element-danger">
   Etikett - Element fara
</p>

<p class="aiv-tag aiv-tag--element-warning">
   Etikett - Element varning
</p>

<p class="aiv-tag aiv-tag--element-info">
   Etikett - Element info
</p>

<p class="aiv-tag aiv-tag--status-neutral">
   Etikett - Status neutral
</p>

<p class="aiv-tag aiv-tag--status-active">
   Etikett - Status aktiv
</p>

<p class="aiv-tag aiv-tag--status-attention">
   Etikett - Status uppmärksamhet
</p>

<p class="aiv-tag aiv-tag--status-error">
   Etikett - Status fel
</p>