Grid Lists

A grid list is best for presenting homogenous data and optimized for visual comprehension and differentiating between similar data types.

A grid list consists of a repeated pattern of cells laid vertically and horizontally within the grid list. Tiles hold content and can span one or more cells vertically or horizontally.

Use case: View library overlay

Tile content consists of primary content (usually an image) and secondary content (usually text or a button). If using tiles, there should be a fallback/default image for the content that does not have images.

Cut off the grid tiles in the initial view so it is visually clear that the content is overflowing and thus can be scrolled. Avoid horizontal scrolling as it interferes with the reading pattern.