Menu

Usage

Reference Material Design for general guidance when designing for Android.

Design properties

Size

• The menu width is dynamic based on the content. The minimum width is 112 and the maximum width is 200.
• The menu height is based on the number of items and/or the viewport area. The menu item height is dynamic based on the content.

Types

Default

With header

Use an optional header to provide additional context.

With divider

Dividers can be added to create sections of content. It is not recommended to use dividers between each menu item.

With supporting text

With icons

By default, menu items do not include icons. If using icons for special use cases, use icons for all menu items.

Selection

Use with a dropdown input or icon button for sorting.

Destructive action

Behavior and interaction

Configuration

Menus can appear when users interact with an icon button, dropdown, long press, or other controls.

Positioning

• Position relative to the trigger element (button, long-press area)
• Adjust positioning to stay within viewport boundaries
• Optimal Positioning:
• Below trigger when space allows
• Above trigger when bottom space is limited
• Offset to avoid covering the trigger element

Changelog