Components
Tabs
componentnavigationcontent switchingpanel
A navigation pattern that switches between distinct content panels within the same view.
When to use
- Organizing sibling content that doesn't need to be visible simultaneously
- Profile pages (Overview / Activity / Settings)
- Prefer tabs over accordions when users will switch between sections repeatedly
Examples
- GitHub repository tabs: Code / Issues / Pull Requests
- Settings page: Account / Billing / Notifications
See this in the wild
Analyze a site and look for tabs in the breakdown.
