<?xml version="1.0" encoding="utf-8"?>

Cascading menu

Cascading menu

Cascading menus are an excellent choice for categorized content. They include a parent element and its children. The children usually unfold when users select or hover over an option.

This type of menu is useful when some options contain multiple sub-options. For example, the item New often includes the types of new documents users can create.

Avoid adding too many options to the children's menus, however. This can make cascading menus cumbersome and overwhelming. If you need to use too many items, consider changing the user flow altogether.

Pro Tip: Cascading menus should never be used on mobile. A full-screen menu could be an alternative, but it depends on the purpose of each menu item and the overall information architecture.

Improve your UX & Product skills with interactive courses that actually work