Components Menu

Menu

Overview API Examples Style Tokens

Examples

Basic usage

Negative mode

The Menu component supports a negative mode, suitable for areas with dark background.

Positions

You can choose the position of the Menu relative to its trigger.

Single selection menu

A Menu can be leveraged to let users perform a single selection from a list of options.

Multiple selection menu

A Menu can be leveraged to let users perform a multiple selection from a list of options.

You can add sub-menus, and configure each of them as an Action Menu, a Single selection Menu or a Multiple selection Menu.

Dividers

Dividers are automatically hidden in a Menu, but you can choose to make them visible.