The Pane template presents detailed information and prominent actions.
For easy scanning, actions and information rows are limited to 4 each. This template is useful for presenting non-editable metadata, such as location and reservation details, and for taking action based on data. For a version of this template with a map and no image, navigation apps can use the Map template.
This template can be embedded in the Tab template to provide tabbed navigation.
Includes:
- Header with optional action strip
- Up to 2 buttons, where one can be designated as primary (optional; apps can use action strip buttons instead)
- Up to 4 non-actionable rows (1 row is mandatory)
- Optional large image (see example)
Pane template examples
Pane template UX requirements
App developers:
MUST | Include at least one row of information. |
SHOULD | Designate a primary action when providing 2 actions. |
SHOULD | Make navigation the primary action, when it’s included as one of the actions. |
MAY | Include up to 4 rows of information and 2 actions. |