Header

Headers help drivers understand which app and what part of the app they're using. They need to be brief and easy to read at a glance while on the road.

Headers must include at least one of the following: text, app icon, or back button.

Headers can include:

  • Icon or image (optional), such as app icon
  • Text (limited to one line – longer text is truncated), typically the title of the screen
  • Refresh button (only on Place List templates )
  • Back button (optional)

This example shows different types of headers you can create.

4 examples of headers
This example shows different types of headers you can create.

Expanded header (section item template)

Expanded headers (Sectioned Item template) support rich layouts beyond basic title bars. Use expanded headers to:

  • Add images that collapse on scroll
  • Display secondary actions
Examples of expanded headers with images and secondary actions.
Examples of expanded headers with images and secondary actions.