Stay organized with collections
Save and categorize content based on your preferences.
Tabs help drivers switch between views in your app.
You can use them to place common tasks only a few taps away, minimizing
distraction and allowing them to focus on the road ahead. Tabs are implemented
using the Tab template.
Sample flow
User action
Where action is performed
Step count after action
The user taps the Home devices tab.
Tab template with embedded List template
1
The user taps the desk light icon to turn off the desk light.
Tab template with embedded Grid template
1
A toast appears to confirm that the desk light was turned off.
[[["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."],[[["\u003cp\u003eTabs streamline driver interactions by grouping common tasks within easy reach.\u003c/p\u003e\n"],["\u003cp\u003eUsing the Tab template, developers can integrate tabs into their apps to minimize driver distraction and enhance road safety.\u003c/p\u003e\n"],["\u003cp\u003eA sample flow demonstrates how users can efficiently navigate through tabs and perform actions with minimal steps.\u003c/p\u003e\n"]]],[],null,["# Use tabs to switch views\n\n\u003cbr /\u003e\n\nTabs help drivers switch between views in your app.\n\nYou can use them to place common tasks only a few taps away, minimizing\ndistraction and allowing them to focus on the road ahead. Tabs are implemented\nusing the [Tab template](/cars/design/create-apps/apps-for-drivers/templates/tab-template).\n\nSample flow\n-----------\n\n| User action | Where action is performed | Step count after action |\n|----------------------------------------------------------------|---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|-------------------------|\n| The user taps the **Home devices** tab. | Tab template with embedded List template | 1 |\n| The user taps the desk light icon to turn off the desk light. | Tab template with embedded Grid template | 1 |\n| A toast appears to confirm that the desk light was turned off. | Tab template with embedded Grid template | **Note:** Because the content of the navigation template does not change, this is considered a refresh and does not add to the step count. | 1 |"]]
