Pane template

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 + Content template.

This template can be embedded in the Tab template to provide tabbed navigation.

This template can be included in the Map + Content template to provide a pane on a map.

Includes:

• Optional header
• Up to 2 buttons, where one can be designated as primary (optional)
• Up to 4 non-actionable rows (1 row is mandatory)
• Optional large image (see example)

Note: This template highlights actions and information. For quick messages with less detail, use the Message template. For long messages, use the Long Message template.

Pane template examples

Location details for a parking app, with 2 related actions (Android Auto example)

Location details for a cafe, with two actions. The second action button's associated text is truncated to its icon due to size constraints. (Android Auto example)

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.
SHOULD	Provide icons for all actions.
SHOULD	Include a header with an optional title and primary and secondary actions.
MAY	Include up to 4 rows of information and 2 actions.