Each tab view corresponds to one embedded template, and only one tab view
can be active at any given time.
Anatomy of the Tab template
The Tab template consists of the following elements:
Tab bar, which can show up to 4 tabs
Embedded template, using one of the following
templates: List, Grid, Search, Pane, Message, or Navigation
Tab template examples
The "All devices" tab view is created using a Tab template that
contains a List template (Android Auto example)The "Home devices" tab view is created using a Tab template that
contains a Grid template (Android Auto example)
Tab template UX requirements
App developers:
MUST
Provide monochromatic vector icons for each tab.
MUST
Include at least 2 and no more than 4 tabs in the app header.
MUST NOT
Allow more than 1 tab to be active at a time.
MUST NOT
Create a secondary navigation by adding a second level of tabs.
SHOULD
Use short tab labels to avoid truncation.
SHOULD NOT
Rely on a header or action strip in embedded templates.
[[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],["Last updated 2024-07-23 UTC."],[[["The Tab template serves as a container for other templates, organizing content into a tabbed interface."],["It supports embedding List, Grid, Search, Pane, Message, or Navigation templates within each tab."],["Apps should utilize 2-4 tabs with monochromatic icons and concise labels for optimal usability."],["Only one tab can be active at a time, and embedded templates should avoid using their own headers."],["Tab templates are ideal for creating switchable views for content browsing or searching within an app."]]],[]]