# Tabs

Tabs are labeled controls that allow users to switch between multiple views within a page.

Tabs: [Guidelines](/components/web/tabs/tabs.guidelines.md) · [Code](/components/web/tabs/tabs.code.md) · [Content](/components/web/tabs/tabs.content.md)

## Check overall structure

Before adding tabs, take a step back and check that the information architecture makes sense.

Each tab should represent a distinct, self-contained theme — not an arbitrary split in the content.

**Do:**

AccountsCardsInvestments

**Don't:**

AccountsPayments and cardsCard transactions

## Use descriptive labels

Tab labels should clearly signpost what’s behind them using simple, unambiguous language.

Prioritise clarity over creativity — avoid jargon, invented terms, or vague wording.

**Do:**

TeamProjectsWorkflows

**Don't:**

ConnectSparkFlow

## Keep tabs consistent

Use concise wording (1–2 words) to make tabs easy to scan.

Ensure naming is consistent within the tab set and across the product.

Reference existing patterns to avoid working in isolation and maintain a cohesive experience.

**Do:**

CompanyBillingCashback

**Don't:**

Your companyUpdate billing detailsView my Cashback