Explore iOS Sheet (modal presentation) detent sizes and options interactively. Change properties in the control panel to see them reflected on the iPhone screen instantly.
9:41
●●●●WiFi🔋
Settings
J
John Appleseed
Apple ID, iCloud+, Media & Purchases
›
Share
General
⚙️
General›
★
Accessibility›
🔋
Battery›
⚠️ HIG Violation: Improper sheet usage
Share
💬
Messages
✉️
Mail
🔗
Copy Link
📷
AirDrop
📎
Copy
Copy to clipboard
›
🔖
Add to Reading List
Save for later
›
📑
Add Bookmark
Quick access from home
›
📄
Add to Favorites
Pin as a favorite item
›
🖨
Print
Send to a printer
›
📚 HIG Guidelines — Try It Yourself
✓ Do — Good Example
✗ Don't — Bad Example
✓ Do This
Use sheets for focused tasks that don't require full-screen navigation
Always provide a clear way to dismiss the sheet (button, drag, or backdrop tap)
Use the medium detent for quick interactions, large for more content
Include a drag indicator so users know the sheet is resizable
Keep the sheet title concise and descriptive
✗ Don't Do This
Don't present a sheet on top of another sheet
Don't use a sheet when a full-screen presentation is more appropriate
Don't hide the dismiss action or make it hard to find
Don't put critical destructive actions in a sheet without confirmation