| Expand | ||||||
|---|---|---|---|---|---|---|
| ||||||
|
Description
| Status | ||||||
|---|---|---|---|---|---|---|
|
Tabs are used to quickly switching between views within the same context. Allowing user for dual screen support, and workspace customisation.
| Expand | ||||
|---|---|---|---|---|
| ||||
TBD Related items:
|
Types
| Type | Usage |
|---|---|
Main Tabs | Tabbed navigation - Single row above their associated content |
2nd Level Tabs | Single row above their associated content |
Details Pane Tabs | |
Ribbon Tabs |
Behavior
Text
Each tab label describes its content and sets user expectations. Labels are concise and use one to two words maximum.
Icons are not permitted in tab labels.
Number of tabs
A maximum of four tabs may be displayed. This is to maintain an uncluttered UI and reduce cognitive load for users.
Order
Tab order should be consistent across an experience. Tabs with related content should be grouped adjacent to each other.
States
Main tabs | 2nd level tabs | Details pane tabs |
|---|---|---|
 |  |  |
| Ribbon tabs | |
|---|---|
 |
Current appearances in our products
| Expand | ||||
|---|---|---|---|---|
| ||||
New LUX design
...