Menu beta
beta
A menu displays a list of actions on an elevated surface. It is triggered by a control.
1. Alike components
Menu is often confused with listbox and popover.
| Menu | Listbox | Popover | |
|---|---|---|---|
| Users can select items? | No | Yes | Maybe |
| It includes content other than a list of items? | No | No | Yes |
| Is it triggered by an input field? | No | Yes | No |
| It is triggered by a button. | Maybe | No | Yes |
1.1 Menu vs listbox
Menu does not let users select options. Listbox does.
Menu triggers UI change. Listbox dispatches data.
Do
Use menu for navigation or opening up a new feature
Don't
Don’s use menu for data dispatch. Use listbox for selection.
1.2 Menu vs popover
If there is customization to it, use popover.
Do
Follow the default content options.
Don't
Don’t put components other than menu items into listbox component. Use popover.
Contents