Menu
Use menu content items to build menus on your site
This article covers:
Menu & Menu Item content items
Menus are built with two content items:
- Menu: the parent container for your menu items.
- Menu Item: menu items allow you to add items to your menu and configure the contents of each menu.
- You can configure dropdowns using the Dropdown element.
- Menu items have a content block to enable you to add content to the dropdown.
Templates & blocks
There are multiple examples of menu blocks designed to help you to create different navigation styles. You can see these in Building a Header.
Fields
Menu Item:
- Title: Sets the text in the menu item title.
- Style: Sets the CTA design token that displays for the menu item.
Elements
Menu item has the following elements:
- Icon: configure an icon to show alongside the menu item title.
- Dropdown: configure design settings for a dropdown which is shown when the user hovers over the menu item.
Menu item also has a content block which can be used to add content to the dropdown.
Link Actions
Whilst not specific to menu items, you can use the Toggle Menu or link action to open or close the mobile tray. See link action here.