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.