---
title: "Legacy Tabs"
canonical: https://sky-ui.cf.sky.com/components/legacy-tabs
---

# Legacy Tabs

Tabs organise content and can switch between pages, or sections on a page.

**Warning:** The `LegacyTabs` (originally named `Tabs`) component has been deprecated and will be removed in a future release. Please switch to using the
  [`Tabs`](/components/tabs/) component or the [`NavBar`](/components/navigation-bar/) 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 -

1. **Text label**<br />
   The text label describes the content of the tab to the user.

2. **Trim**<br />
   The trim shows the user which tab is selected.

## Variants & States

Appearance: Default, Light

The Tabs component is made up of individual items.<br/>
State: Active Default, Active Gradient, Inactive, Hover, Focus