Skip to main content

Menu

shadow

Menu element slúži na zobrazenie navigácie. V predvolenom stave je schovaný a zobrazí sa pridaním atribútu active napríklad po kliknutí na tlačidlo. Špeciálne pre použitie v Menu sú navrhnuté elementy MenuItem a MenuLabel.

Základné použitie

Inset

Variant: Megamenu

Variant: Nav

Collapse

Atribút collapse zobrazí menu v zbalenomn stave. V tomto stave je menu zbalené a zobrazuje sa len ikona.

Atribúty a Vlastnosti

active

DescriptionIf true, the menu is active and visible.
Attributeactive
Typeboolean
Defaultfalse

collapse

DescriptionIf true, the menu will be displayed in the collapsed state.
Attributecollapse
Typeboolean
Defaultfalse

Option

DescriptionSpecifies a menu variant. Possible values are 'context', 'megamenu' and 'nav'.
AttributeOption
Typestring
Defaultundefined

Eventy

No events available for this component.

Metódy

No public methods available for this component.

CSS Shadow Parts

NameDescription
nativeRefers to a div element inside an element.

CSS Custom Vlastnosti

NameDescription
--wje-menu-backgroundDefines the background color of the menu.
--wje-menu-border-widthSpecifies the width of the menu border.
--wje-menu-border-styleSpecifies the menu border style.
--wje-menu-border-colorDefines the color of the menu border.
--wje-menu-border-radiusSpecifies the rounding of the menu corners.
--wje-menu-padding-topSpecifies the top inner edge of the menu.
--wje-menu-padding-bottomSpecifies the lower inner edge of the menu.
--wje-menu-padding-inlineAdjusts the horizontal inner edges of the menu.
--wje-menu-margin-topDefines the top outer edge of the menu.
--wje-menu-margin-bottomDefines the lower outer edge of the menu.
--wje-menu-margin-inlineSpecifies the horizontal outer edges of the menu.
--wje-menu-collapse-widthAdjusts the width of the menu when collapsed.
--wje-menu-shadowDefines the menu shadow.
--wje-menu-from-indexSpecifies the z-index value of the layering menu.
--wje-menu-submenu-offsetSets the submenu indentation for the context variant.

Sloty

NameDescription
``The default slot for the content of the menu element.