Action Sheets — HIG Playground

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