Action Sheets

Explore various iOS Action Sheet configurations. Change the number of actions, destructive action inclusion, and title/message display in the control panel to see changes reflected instantly on the iPhone screen.

9:41
●●●● WiFi 🔋
Action Sheets
Overview

An action sheet presents a set of alternatives for how to proceed with a task.

Try It
Choose Photo
Select where you want to get your photo from.
⚠️ HIG Violation: Improper action sheet structure
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example

✓ Do This

  • Use action sheets to present a set of alternatives related to the current task
  • Always include a Cancel button to let people dismiss the sheet
  • Put destructive actions at the top and display them in red
  • Use a title or message to provide context when needed
  • Keep action labels short and descriptive

✗ Don't Do This

  • Don't use an action sheet for a single action
  • Don't include too many actions (max 5-6)
  • Don't use an action sheet when an alert is more appropriate
  • Don't scroll action sheets on iPhone

👆 See the bad pattern in the iPhone preview above

Has Destructive Action
Show Title & Message
SwiftUI Code