Skip to main content

Chip

shadow

Komponent Chip je univerzálny element, ktorý predstavuje malý vizuálny blok obsahujúci rôzne ďalšie elementy, ako napríklad avatary, text a ikony. Ponúka možnosti prispôsobenia farieb, stavov a ďalšie.

Základné použitie​

Vkladanie ďalších prvkov​

V elemente chip je možné zobraziť aj ďalšie elementy, napríklad elementy avatar, label a icon.

Štýlovanie​

Farebné varianty​

Štýlovanie pomocou CSS custom vlastností​

Kedy použiť​

Použite wje-chip na zobrazenie obsahu, ktorý zlepšuje čitateľnosť, skenovateľnosť alebo kontext informácií.

Kedy nepoužiť​

Nepoužívajte ho ako náhradu za štruktúrované dáta tam, kde je potrebná presná interakcia.

Prístupnosť​

Doplňte alternatívny text pre obrázky, čitateľné kontrasty a textové ekvivalenty pre ikony bez popisu.

Odporúčané postupy​

  • Komprimujte médiá a používajte lazy loading pri veľkých zoznamoch.
  • Pri kartách a zoznamoch držte konzistentné informačné priority.
  • Neopakujte rovnakú informáciu súčasne textom aj ikonou bez pridanej hodnoty.

Atribúty a vlastnosti​

removable​

PopisUrčuje, či je voľba removable zapnutá a ovplyvňuje správanie komponentu.
Atribútremovable
Typboolean
Predvolené-

disabled​

PopisVypína používateľskú interakciu s komponentom.
Atribútdisabled
Typboolean
Predvolené-

label​

PopisNastavuje zobrazený alebo prístupný textový štítok.
Atribútlabel
Typany
Predvolené-

Udalosti​

NázovPopis
wje-chip:removeVyvolá sa pri odoslaní udalosti wje-chip:remove.

Metódy​

Pre tento komponent nie sú dostupné žiadne verejné metódy.

CSS tieňové časti​

NázovPopis
nativeŠtýluje koreňovú shadow časť komponentu.

CSS vlastné premenné​

Pre tento komponent nie sú dostupné žiadne vlastné CSS vlastnosti.

Sloty​

NázovPopis
defaultPredvolený slot pre hlavný obsah komponentu.

Content