From the course: Angular: Material Design

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Menus

Menus - Angular Tutorial

From the course: Angular: Material Design

Start my 1-month free trial

Menus

- [Instructor] Chances are, you already know what a menu is, but I'll tell you anyway. A menu provides a list of options on a temporary surface, usually a drop down. We've all used software where there's too many options in the menus. It doesn't make for a pleasant experience. So our goal is to keep our menus small, contextual, and completely visible without scrolling, is usually preferred. Since they demand your attention while open, the menu should be the top most element that is closest to your face on the page. Menus should always appear next to or in front of the element that generated it. For example, if a right click makes a menu appear, that menu should show up where you click. It's best not to change the options in a menu because some actions are unavailable. It's better to gray them out, so the user gets accommodated to what's available in the menu. Don't hide unavailable options and try to avoid changing the number of options, or else you may confuse your users. Cascading…

Contents