...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Description
...
| Status | ||||
|---|---|---|---|---|
|
| Table of Contents |
|---|
Description
Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects. Allowing user for dual screen support, and workspace customisation.
...
Usage & Behaviour
General guidelines
Tabs organize and allow navigation between groups of content that are related and at the same level of hierarchy.
Tabs can be switched by clicking on a different tab.
Each tab label describes the content contained within it.
Structure
The horizontal layout of the tab bar never changes. The tabs always appear side by side
...
Structure Element | Description |
|---|---|
Container | Display a navigation text element arranged together with the active inactive highlighted |
Tab item |
|
Active tab | To differentiate an active tab from an inactive tab, apply an 3 px underline and color change to the active tab’s highlighted. |
...