Context Menus

Explore iOS Context Menu interactively. Click the card to trigger a long-press effect and display the Context Menu. Change properties in the control panel to see changes reflected instantly.

9:41
●●●● WiFi 🔋
Context Menus
Tap to Preview
Project Proposal.pdf
2.4 MB · Modified today
Q4 product roadmap and feature prioritization document for the mobile team.
Tap the card to show context menu
Another Example
Screenshot 2024.png
856 KB · Yesterday
App design mockup for the new onboarding flow with updated illustrations.
Tap the card to show context menu
⚠️ HIG Violation: Improper context menu
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use context menus for secondary actions
  • Keep the number of items concise (under 10)
  • Group related actions with dividers
  • Place destructive actions at the bottom
  • Use SF Symbols for recognizable icons
  • Include a preview when appropriate

✗ Don't Do This

  • Don't use context menus for primary actions
  • Don't put too many items in a single menu
  • Don't hide essential functionality only in context menus
  • Don't mix destructive with non-destructive without separation
  • Don't nest submenus more than one level deep

👆 See the bad pattern in the iPhone preview above

Has Submenu
Has Destructive Action
Show Dividers
SwiftUI Code