Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Status
colourYellow
titleOngoing

...

Tabs enable content organization at a high level, such as switching between views, data sets, or functional aspects.

Image Modified

Types

Type

Usage

Image

Main tabs

Use it as tabbed navigation - Single row above their associated content

2nd level tabs

Single row above their associated content. Appear only as a second level to main tabs hierarchy

Details pane tabs

Single row above their associated content. Appear only in the details pane

Ribbon tabs

Use it as tabbed navigation in the ribbon only

...

General guidelines

Structure

The horizontal layout of the tab bar never changes. The tabs always appear side by side

  • There's always one tab selected at a time

...