MenuItem
MenuItem
☰ Documentation
Documentation
An authored item in a navigation menu.
A menu item may be a navigation destination, an organizational parent, or both. When both link and items are present, the link navigates to the parent destination and a separate disclosure control reveals the nested items.
Authoring guidance
✅
Use when
Use
link with items when the parent is itself a meaningful destination and also owns related child destinations.Properties
Example
Required
{
"label": "example"
}
Full
{
"ariaLabel": "example",
"class": "example",
"disclosure": false,
"icon": {
"ariaLabel": "Search",
"class": "example",
"name": "search"
},
"items": [
{
"ariaLabel": "example",
"class": "example",
"disclosure": false,
"icon": {
"ariaLabel": "Search",
"class": "example",
"name": "search"
},
"items": [],
"label": "example",
"link": {
"href": "/example",
"newTab": false,
"nofollow": false,
"sponsored": false
}
}
],
"label": "example",
"link": {
"href": "/example",
"newTab": false,
"nofollow": false,
"sponsored": false
}
}
examples are generated from the schema.