Menu

Small, toggleable containers often used for navigation

Demo

See more examples

API

Tag and slots

Name Type Content
m-menu Custom Element trigger and items slots only
slot="trigger" Button is recommended, but other elements work Any
slot="items" Div Links, but other content is permitted

Attributes

Name Value Description
open Boolean attribute When present the menu is shown; otherwise, it's hidden.

Events

Name Detail Description
toggle None Fired after the Menu was removed from the DOM.

Guidelines

What about <menu>?

This component is loosely implements on the HTMLMenuElement interface because that spec is incomplete and looks to be deprecated.

Accessibility

There are no accessibility recommendations for menu at this time. This post https://adrianroselli.com/2017/10/dont-use-aria-menu-roles-for-site-nav.html seems reasonable and accurate enough to say that simple markup like anchor tags in menus is sufficient.