Skip to main content

MenuLabel

shadow

MenuLabel is a child of the Menu. element and can also represent, for example, descriptive text for navigation items. For examples of MenuLabel usage, go to the [Menu] element documentation page(./menu).

When to use​

Use wje-menu-label when the user needs to navigate the application or transition between states/screens.

When not to use​

Do not use multiple parallel navigation patterns that compete with each other.

Accessibility​

Provide clear active/selected states, predictable tab order, and naming of controls.

  • Keep the URL and UI state in sync to make the navigation reproducible.
  • Use consistent terminology for items across menus, breadcrumb and tabs.
  • For deep structures, add auxiliary context (breadcrumb, title, icons).

Attributes and properties​

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

Events​

Pre tento komponent nie sú dostupné žiadne udalosti.

Methods​

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

CSS shadow parts​

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

CSS custom variables​

NázovPopis
--wje-menu-label-font-sizeVlastná CSS premenná, ktorá riadi typografiu.
--wje-menu-label-weightVlastná CSS premenná na štýlovanie komponentu (weight).
--wje-letter-spacingVlastná CSS premenná, ktorá riadi rozostup písmen.
--wje-menu-label-colorVlastná CSS premenná, ktorá riadi color.
--wje-padding-topVlastná CSS premenná, ktorá riadi padding top.
--wje-padding-bottomVlastná CSS premenná, ktorá riadi padding bottom.
--wje-padding-startVlastná CSS premenná, ktorá riadi padding start.
--wje-padding-endVlastná CSS premenná, ktorá riadi padding end.

Slots​

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