Status Bars
Status bars appear at the top of the screen. The status bar content can be light or dark.
Carrier
10:30 AM
Carrier
10:30 AM
In-Call Status Bars
The status bar has special styling when a call is in progress (and when certain other background tasks are active).
For portrait iPhone layouts:
Carrier
10:30 AM
Touch to return to call 00:15
For iPad and landscape iPhone layouts:
Carrier
10:30 AM
Navigation Bars
- for iPad and portrait iPhone layouts

Navigation bars present screens in a hierarchy. You can learn more about navigation bars here.

Title
Title
Navigation Bars
- for landscape iPhone layouts

Navigation bars present screens in a hierarchy. You can learn more about navigation bars here.

Title
Title
Search Bars

Search bars allow the user to search. You can learn more about search bars here.

Toolbars

Toolbars provide a set of actions related to the content. You can learn more about toolbars here.

Tab Bars
- for iPhone layouts

Tab bars present screens in a collection. You can learn more about tab bars here.

Photos
Shared
Favorites
Photos
Shared
Favorites
Tab Bars
- for iPad layouts

Tab bars present screens in a collection. You can learn more about tab bars here.

Photos
Shared
Favorites
Photos
Shared
Favorites
Table Views

Table views present sections containing rows of cells. You can learn more about table views here.

SECTION TITLE
Item 1
Detail 1
Item 2
Detail 2
Item 3
Section footer. Lorem ipsum dolor sit amet.
SECTION TITLE
Item 1
Item 2
Item 3
Section footer. Lorem ipsum dolor sit amet
SECTION TITLE
Item 1
Item 2
Item 3
Section footer. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pop-Overs
- for iPad layouts
Pop-overs allow you to present on one view in front of another, while still showing the background view.
Pop-Over
Pop-Over
Action Sheets

Action sheets allow you to offer a choice of actions. You can learn more about action sheets here.

Delete
Button 1
Loooooooooooooooooong text shrinks to fit the button
Cancel
Action sheets are modal. The mask fades in, and the sheet slides up from the bottom.
A "destructive action" button is always on top with red text.
Buttons stretch horizontally in landscape orientation, maintaining 8pt margins.
The minimum size is 12pt. Extremely long text will be abbreviated with "…" in the middle.
A cancel button is always on the bottom, separated from the other buttons.