MenuLabel

shadow

The 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 users need to understand location, move between views, or traverse hierarchy.

When not to use

Do not combine multiple competing navigation patterns for the same user flow.

Accessibility

Ensure visible active/selected states, predictable tab order, and clear control naming.

Best Practices

• Keep URL state and UI navigation state synchronized.
• Use consistent labels across menu, breadcrumbs, and tabs.
• Add context for deep structures (breadcrumbs, headings, icon cues).

Attributes and Properties

No properties available for this component.

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

Name	Description
native	The native part of the menu label.

CSS Custom Properties

Name	Description
--wje-menu-label-font-size	Sets the font size of the menu label. Accepts any valid CSS length unit (e.g., rem, px, em).
--wje-menu-label-weight	Specifies the font weight of the menu label. Accepts values such as normal, bold, or numeric values (e.g., 400, 600).
--wje-letter-spacing	Defines the spacing between letters in the menu label. Accepts any valid CSS length unit. Default value ensures slight spacing for improved readability.
--wje-menu-label-color	Specifies the text color of the menu label. Accepts any valid CSS color value, including variables and named colors.
--wje-padding-top	Sets the top padding of the menu label. Accepts any valid CSS length value to control spacing above the label.
--wje-padding-bottom	Sets the bottom padding of the menu label. Accepts any valid CSS length value to control spacing below the label.
--wje-padding-start	Specifies the left padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the right padding. Accepts any valid CSS length value.
--wje-padding-end	Specifies the right padding of the menu label in left-to-right (LTR) layouts. In right-to-left (RTL) layouts, this becomes the left padding. Accepts any valid CSS length value.

Slots

Name	Description
default	The default slot for the menu label.