| 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 customisationworkspace customization.
...
Usage & Behaviour
General guidelines
Tabs organize and allow navigation between groups of content that are related and at the same level of the hierarchy.
General guidelines
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. |
Default
By default, show the first tab as open. This is the initial setting provided by the control.
Note: Technically, you can also override the initial selection. However, this is not recommended.
...