Sheets

Sheets are full-screen views you can use for sub-tasks. Sheets overlay the current context by sliding up from the bottom of the screen onto a full-screen view. When users complete the task, sheets slide down and disappear, and return users to their location on the screen.

Users can't swipe left or right on the content area of a sheet to navigate back. But users can peek at the underlying UI by dragging their finger to the right. This approach helps prevent users from dismissing the sheet by accident.

Use when

  • You need to initiate tasks from more than one place.
  • You need to show temporary tasks (like showing a contact in an app other than the Contacts app).
  • You have sub-tasks that require users to enter information in several fields (like creating a new message or meeting).

Don't use when

You have simple tasks or tasks that don't require navigation.

This screen shows an example of a sheet.

Best practices

Include a title bar with action buttons at the top of a sheet. This helps prevent users from submitting information accidentally by separating the action buttons from a virtual keyboard.

Put constructive actions, such as Send, Share, and Save, as buttons in a title bar at the top right of the screen.

Disable constructive actions until users enter the required information.

Put destructive actions, such as Cancel, Close, and Back, at the top left of the screen.