Show a partial menu with indication for options that are not shown or completely visible.


Teaser menus can be used when space is limited to display all the options. They can be either horizontal or vertical.
It can also be used when there is a different type of navigation from the main menu.

How to use

Display all the important items on the main menu and provide a link or button that can be activated to show the remaining options.
These menus are generally used when the content is dynamic needs to accomodate the changing sizes.



  • Make sure that the expand link is labeled correctly to indicate to the user that it is actionable and can show more options/list when selected.
  • Provide an option to go back to the main menu from the secondary list.