Label
Label je element, ktorý sa používa na pridávanie textového obsahu do komponentov. Label sa môže použiť napríklad vo vnútri elementov Item, Card alebo tiež v elemente Badge a ďalších.
Pozícia štítku vo vnútri prvku môže byť inline, pevná, naskladaná alebo plávajúca.
Kedy použiť
Použite wje-label, keď chcete riešiť daný UI problém konzistentne v rámci WebJET dizajn systému.
Kedy nepoužiť
Nepoužívajte komponent mimo jeho zodpovednosti; pri netypickom prípade radšej zložte viac menších prvkov.
Prístupnosť
Skontrolujte klávesnicové ovládanie, focus stavy, kontrast a zrozumiteľné pomenovanie interaktívnych prvkov.
Odporúčané postupy
- Preferujte API komponentu pred ručnými DOM zásahmi.
- Držte sa dizajnových tokenov a konzistentných konvencií pomenovania.
- Pred nasadením otestujte komponent v reálnych dátových scenároch.
Atribúty a vlastnosti
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Udalosti
| Názov | Popis |
|---|---|
wje-label:change | Vyvolá sa pri zmene hodnoty komponentu. |
Metódy
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS tieňové časti
| Názov | Popis |
|---|---|
label | Štýluje shadow časť label. |
CSS vlastné premenné
| Názov | Popis |
|---|---|
--wje-label-color | Vlastná CSS premenná, ktorá riadi color. |
--wje-label-font-size | Vlastná CSS premenná, ktorá riadi typografiu. |
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |