Grid Template - for navigation and parking & charging apps

[oguzhnatly]

Purpose of Grid Template

Presents up to 6 items in a grid layout. This template is useful when users make their decisions primarily based on images. It should include the grid items up to 6, where each grid item contains an image from Flutter Assets, a primary text for each grid item (mandatory), and asecondary text for each grid item (optional).

Design Guideline

Requirements

● MUST NOT include more than 6 grid items
● SHOULD limit the length of primary and secondary text strings to avoid truncation
● SHOULD have an action associated with each grid item (information-only items are not recommended)
● SHOULD clearly indicate item state (for grid items that have multiple states, such as selected and unselected) by variations in image, icon, or text. Images and icons must be taken from Flutter Assets.
● MAY show a loading spinner in place of the icon or image for a grid item when an action associated with the item is in progress

Documentation

For UX design details and more guidelines, please refer to Android for Cars App Library Design Guidelines