Menu
Small, toggleable containers often used for navigation
Demo
Homer J. Simpson
Safety Inspector
See more examples
API
Tag
| Name |
Type |
Content |
m-menu |
Custom Element |
trigger and items slots only |
Slots
| Name |
Element |
Content |
trigger |
button is recommended, but other elements will work |
Any |
items |
div |
Any. Link children have a default styling. |
Attributes
| Name |
Value |
Description |
open |
Boolean attribute |
When present the menu is shown; otherwise, it's hidden. |
Events
| Name |
Detail |
Description |
toggle |
None |
Fires after the menu was opened or closed. |
Guidelines
What about <menu>?
This component is only loosely based 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.