Tabs are labeled controls that allow users to switch between multiple views within a page.
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.
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.
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.
Didn't find what you were looking for?
Let us know in #team-design-systems or make a request.
Edit this page