Skip to content

Grid Template - for navigation and parking & charging apps #2

@oguzhnatly

Description

@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).

Screen Shot 2021-09-20 at 22 10 56

Design Guideline

Screen Shot 2021-09-20 at 22 13 15

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

Metadata

Metadata

Assignees

No one assigned

    Labels

    documentationImprovements or additions to documentationenhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions