Menu

<esp-menu>

A container for building site navigation inside an <esp-header>. Place <esp-menu-item> children inside the default slot to create navigation links.

When the combined width of the menu items exceeds the available space, <esp-header> automatically switches the menu into sliding mode and reveals a burger button. In sliding mode the menu animates in as a full-screen overlay.

Slots

<esp-menu> has a slot:

Default

Default slot for <esp-menu-item> elements.

Attributes

<esp-menu> has the following attributes:

sliding

sliding has a default value of false.

Set by . When the menu is in sliding mode, it will be hidden by default and animate in and out when toggleOpened is called.

Methods

<esp-menu> has the following methods:

toggleOpened

Toggle the opened state of the menu when it is in sliding mode.

Where does this show?