Skip to main content

Menu

Menu | Element to display the 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. It consists of MenuItem. elements.

Basic Usage

Inset

Attributes and Properties

active

DescriptionIf true, activates the menu and makes it visible by adding display: "flex".
Attributeactive
Typeboolean
Defaultfalse

collapse

DescriptionIf true, the menu is in the collapsed state.
Attributecollapse
Typeboolean
Defaultfalse

offset

DescriptionSpecifies the size of the submenu indentation.
Attributeoffset
Typestring | undefined
Default0

Events

No events available for this component.

Methods

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to a div element inside an element.

CSS Custom Properties

NameDescription
--wj-menu-backgroundBackground colour of the element
--wj-menu-border-colorColour of element edges
--wj-menu-border-radiusRounding of the edges of the element
--wj-menu-border-styleRounding style of the element
--wj-menu-border-widthWidth of the edges of the element
--wj-menu-padding-bottomLower internal offset of the element
--wj-menu-padding-inlineInternal offset of the element left and right
--wj-menu-padding-topUpper internal offset of the element
--wj-menu-from-indexZ-index of the element

Slots

No slots available for this component.