Menu

Usage

Reference HIG for general guidance when designing for iOS.

Design properties

Types

Default

By default, menu items include icons and horizontal dividers.

With header

Use an optional header to provide additional context.

Destructive action

Use for any Remove, Delete, or Close actions. Always place the destructive action at the bottom.

Behavior and interaction

Configuration

Menus can appear when users interact with an icon button or long-press.

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