Tabs can be seen across the V3 interface. A tab keeps related content in a single container that is shown and hidden through navigation. These controls are commonly seen in Editing, Settings, Reports and Form Building experiences.

Usage Reference

These images display the Tabs being used in the Content and Report Section in the DXM experience.

Image
Image

Visual Reference

These images display the visual references for how the tabs should look and be used in the DXM experience.

Tabs Default

Image

Tab Selected

Image

Tabs w/ Icons

Image

Tabs inside Panel

Image

Code Reference

Below are functional UI elements for how the tabs should look and feel while being used in the DXM experience.