Tabs
When to use
Use when content has clear groupings that benefit from being chunked into scannable sections.
Guidelines
Labels:
1-2 words, plain language. Avoid ALL CAPS.
Order:
Highest-use content first.
Single row only:
Never stack rows.
Never mix types:
In-page tabs and navigation tabs must not be combined.
How it works
Default
Overview
Details
Settings
Overview content.
Details content.
Settings content.
Scrollable
Products
Videos
Articles
Analytics
Settings
Monetization
Comments
Products.
Videos.
Articles.
Analytics.
Settings.
Monetization.
Comments.