Please note that the contents of this offline web site may be out of date. To access the most recent documentation visit the online version .
Note that links that point to online resources are green in color and will open in a new window.
We would love it if you could give us feedback about this material by filling this form (You have to be online to fill it)
Components Subheaders
This document is a preview.

Google ©

Privacy & Terms

Subheaders

Subheaders are special list tiles that delineate distinct sections of a list or grid list and are typically related to the current filtering or sorting criteria. Subheader tiles are either displayed inline with tiles or can be associated with content, for example, in an adjacent column. Upon scrolling, subheaders remain pinned to the top of the screen and remain pinned until pushed on or off screen by the next subheader. To improve the visual grouping of content, use the system color for your subheaders.

List Subheaders Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Tile height is 48 dp

Subheader font: Roboto Medium 14sp

A subheader should be left- aligned with an avatar/icon in a list, unless there is a promoted action in that space.

If there is a promoted action left- aligned with the avatar/icon in a list, align the subheader with the text content.

Grid Subheaders Expand and collapse content An arrow that points down when collapsed and points up when expanded.

Tile height is 48 dp

Subheader font: Roboto Medium 14 sp

Subheader is aligned 16 dp from the left edge