MenuLabel
MenuLabel je podriadený elementu Menu. a môže predstavovať napríklad aj popisný text pre navigačné položky. Pre príklady použitia MenuLabel prejdite na stránku dokumentácie elementu Menu.
Kedy použiť
Použite wje-menu-label, keď používateľ potrebuje orientáciu v aplikácii alebo prechod medzi stavmi/obrazovkami.
Kedy nepoužiť
Nepoužívajte viac paralelných navigačných vzorov, ktoré si navzájom konkurujú.
Prístupnosť
Zabezpečte jasné active/selected stavy, predvídateľné poradie tabulátora a pomenovanie ovládacích prvkov.
Odporúčané postupy
- Držte URL a UI stav v synchronizácii, aby bola navigácia reprodukovateľná.
- Používajte konzistentné názvoslovie položiek naprieč menu, breadcrumbom a tabmi.
- Pri hlbokých štruktúrach pridajte pomocný kontext (breadcrumb, nadpis, ikony).
Atribúty a vlastnosti
Pre tento komponent nie sú dostupné žiadne vlastnosti.
Udalosti
Pre tento komponent nie sú dostupné žiadne udalosti.
Metódy
Pre tento komponent nie sú dostupné žiadne verejné metódy.
CSS tieňové časti
| Názov | Popis |
|---|---|
native | Štýluje koreňovú shadow časť komponentu. |
CSS vlastné premenné
| Názov | Popis |
|---|---|
--wje-menu-label-font-size | Vlastná CSS premenná, ktorá riadi typografiu. |
--wje-menu-label-weight | Vlastná CSS premenná na štýlovanie komponentu (weight). |
--wje-letter-spacing | Vlastná CSS premenná, ktorá riadi rozostup písmen. |
--wje-menu-label-color | Vlastná CSS premenná, ktorá riadi color. |
--wje-padding-top | Vlastná CSS premenná, ktorá riadi padding top. |
--wje-padding-bottom | Vlastná CSS premenná, ktorá riadi padding bottom. |
--wje-padding-start | Vlastná CSS premenná, ktorá riadi padding start. |
--wje-padding-end | Vlastná CSS premenná, ktorá riadi padding end. |
Sloty
| Názov | Popis |
|---|---|
default | Predvolený slot pre hlavný obsah komponentu. |