Taggar

En liten etikett, som vanligtvis visas inuti eller i närheten av en annan större komponent, och som representerar en status, egenskap eller annan metadata.

Design och språk

När du ska använda taggar

Taggar är avsedda för att presentera objektattribut och filter. Taggar kan visas i en grupp och är ofta relaterade till något annat element på sidan (t.ex. kort eller söksida som filter). Taggar kan konfigureras för att vara klickbara och borttagbara eller även fungera som en länk.

När du inte ska använda tagger

Använd inte taggar:

  • Använd inte taggar för att visa statusen för ett objekt. De är inte mappade till roller som "lyckades", "fel" eller "varning".

Komponent och kod

Komponenten driftsattes första gången i version 22.0.71.

Normal tag
HTML
<jv-tag dismissable="false" color="white">Normal tag</jv-tag>

Orange

Normal tag
HTML
<jv-tag dismissable="false" color="orange">Normal tag</jv-tag>

Röd

Normal tag
HTML
<jv-tag dismissable="false" color="red">Normal tag</jv-tag>

Grön

Normal tag
HTML
<jv-tag dismissable="false" color="green">Normal tag</jv-tag>

Blå

Normal tag
HTML
<jv-tag dismissable="false" color="blue">Normal tag</jv-tag>

Brun

Normal tag
HTML
<jv-tag dismissable="false" color="brown">Normal tag</jv-tag>

Gul

Normal tag
HTML
<jv-tag dismissable="false" color="yellow">Normal tag</jv-tag>

Klickbar

HTML
<jv-tag dismissable="false" color="white">
  <jv-link>
    <a>
      Normal tag
    </a>
  </jv-link>
</jv-tag>

Avvisbar

Normal tag
HTML
<jv-tag dismissable="true" color="white">Normal tag</jv-tag>

Senast publicerad

Sidansvarig för sidan är Styleguide