UI Components

Tabs

Tabs let someone switch between related views that share the same space.

Also called Tab barTab panelClickable sections across the topSwitcher

Visual Example

Try it: switch tabs to replace the visible panel.

Overview content

Tabs swap sibling views in one shared space.

Plain Definition

Tabs are best when a small set of related views are equally important and only one needs to be visible at a time.

They usually sit above the content they control and show the active selection clearly.

You Might Describe This As...

  • "tabs at the top"
  • "buttons that switch the panel"
  • "top sections for different views"
  • "click between overview and details"

Fast lookup

You May Also Mean

Tabs and accordions both organize related content, but tabs switch between sibling views while accordions reveal sections within the same page.

Accordion

Check the name, visual cue, and typical use.

Tabs vs Accordion

See the practical difference side by side.

What It Is Used For

  • Switching between account settings
  • Separating related details
  • Showing one view at a time

Example User Phrasing

  • "I want sections across the top that switch the content below."
  • "Use tabs for Overview, Details, and History."