HIG Playground Home GitHub🇺🇸 EN
HIG Lab → HIG Playground → Pop-Up Buttons

Pop-Up Buttons

Explore iOS Pop-Up Button styles and behavior interactively. Change item count and style in the control panel to see changes reflected on the iPhone screen instantly.

9:41
●●●● WiFi 🔋
Pop-Up Buttons
Category Selection
Category
Priority Selection
Priority
About

Pop-up buttons let people choose one option from a set of mutually exclusive choices. Tap a pop-up button to see the available options.

⚠️ HIG Violation: Pop-up button is confusing
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use pop-up buttons for mutually exclusive selections
  • Show the current selection clearly
  • Keep the list of options manageable
  • Use descriptive labels

✗ Don't Do This

  • Don't use pop-up buttons for actions (use menus instead)
  • Don't use when there are only 2 options (use toggle)
  • Don't make the list too long (consider a picker)
  • Don't nest pop-up buttons

👆 See the bad pattern in the iPhone preview above

Automatic
Menu
Selection Indicator
SwiftUI Code
HIG Lab — Apple Human Interface Guidelines Interactive Playground