Menu

shadow

The menu element is used to display the navigation. It is hidden by default and is displayed by adding the active attribute, for example, when a button is clicked. Špeciálne pre použitie v Menu sú navrhnuté elementy MenuItem a MenuLabel.

Basic usage

Inset

Variant: Megamenu

Variant: Nav

Collapse

The collapse attribute displays the menu in collapsed state. In this state, the menu is collapsed and only the icon is displayed.

Atribúty a Vlastnosti

active

Description	Controls whether the menu is currently active.
Attribute	active
Type	any
Default	-

collapse

Description	Controls whether the menu is rendered in collapsed mode.
Attribute	collapse
Type	any
Default	-

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

Name	Description
native	The native part of the menu.

CSS Custom Vlastnosti

Name	Description
--wje-menu-background	Defines the background color of the menu. Accepts any valid CSS color value, such as #ffffff, rgb(255, 255, 255), or CSS variables.
--wje-menu-border-width	Specifies the width of the menu's border. Accepts any valid CSS length value (e.g., px, em, %).
--wje-menu-border-style	Sets the style of the menu's border. Common values include solid, dashed, dotted, etc.
--wje-menu-border-color	Defines the color of the menu's border. Accepts any valid CSS color value.
--wje-menu-border-radius	Determines the radius of the menu's corners, creating rounded edges. Accepts any valid CSS length value (e.g., px, %).
--wje-menu-padding-top	Specifies the top padding inside the menu. Accepts any valid CSS length value.
--wje-menu-padding-bottom	Specifies the bottom padding inside the menu. Accepts any valid CSS length value.
--wje-menu-padding-inline	Sets the horizontal (left and right) padding inside the menu. Accepts any valid CSS length value.
--wje-menu-margin-top	Defines the top margin outside the menu. Accepts any valid CSS length value.
--wje-menu-margin-bottom	Defines the bottom margin outside the menu. Accepts any valid CSS length value.
--wje-menu-margin-inline	Specifies the horizontal (left and right) margin outside the menu. Accepts any valid CSS length value.
--wje-menu-collapse-width	Sets the width of the menu when it is collapsed. This property is typically used to define the reduced size of the menu in collapsed state. Accepts any valid CSS length value.

Sloty

Name	Description
default	The default slot for the menu.