Tabs
Also called: tab bar, tabbed panel, segmented tabs.
A row of labels where picking one shows its own panel below, and hides the others. Only one tab is open at a time.
Real tabs: click one, or use the ← → arrow keys when a tab has focus.
All-day battery and a lighter case.
Weighs 5.3 g. Charges in 1 hour.
4.8 out of 5 from 2,310 buyers.
Tab 1
Say it in a prompt
Put the details in tabs: a row of three tabs (Overview, Specs, Reviews) with a 2px accent underline on the selected tab; each tab shows its own panel. Support the arrow keys between tabs. Seen on
- Apple AirPods Pro 3: The experience section has four tabs, and each shows a different panel.
- Airbnb: Above the search bar sit tabs: All, Homes, Experiences, Services.
You might describe it as
- buttons on top that switch the content below
- click a label to show a different section
- switch between panels without leaving the page
Not to be confused with
- Segmented control
Tabs each show their own panel below; a segmented control is the pill-shaped picker, often used for a setting rather than for panels.