Legacy Tabs - Overview
The LegacyTabs (originally named Tabs) component has been deprecated and will be removed in a future release. Please switch to using the
Tabs component or the NavBar component as appropriate.
Purpose
Tabs are used to organise and switch between blocks of related content, this can be between different pages, or sections of content within a single page.
Anatomy
The Tabs component can be broken down into the following elements -
-
Text label
The text label describes the content of the tab to the user. -
Trim
The trim shows the user which tab is selected.
Variants & States
Appearance: Default, Light
The Tabs component is made up of individual items.
State: Active Default, Active Gradient, Inactive, Hover, Focus
