Menu Item
<esp-menu-item>
A single navigation link for the header menu. Place inside an
<esp-menu> which itself sits in
the menu slot of <esp-header>.
Each item renders an anchor tag with the given label and url.
The text color transitions smoothly on hover.
Attributes
<esp-menu-item> has the following attributes:
label
label has a default value of "".
The display text for the navigation link.
url
url has a default value of "".
The href destination for the navigation link.
CSS Properties
<esp-menu-item> has the following CSS properties:
--esp-menu-item-color
The text color of the menu item. Defaults to var(--esp-color-text).
--esp-menu-item-hover-color
The text color of the menu item on hover. Defaults to var(--esp-color-headings-hover).
--esp-menu-item-padding
The horizontal padding around the menu item. Defaults to var(--esp-size-padding).