Tabs vs. Segmented Control
Tabs navigate: each tab owns its own panel, and switching swaps the whole content region. A segmented control (toggle group) modifies: it changes how the SAME content is shown — a view mode, a filter, a setting. Same row-of-labels look, different job.
How to tell them apart
- Switching reveals completely different content → tabs.
- Switching re-renders the same data another way (list/grid, day/week) → segmented control.
- It holds a persistent setting the app remembers → segmented control.
The full entries — names, anatomy, paste-ready prompts
Weekly activity
1,248
+12% from last week
Tabsweb
role="tablist"
A single row of labels that switches one shared content region
Single selection · center
Toggle Group (Segmented Control)web
ToggleGroup
A connected row of compact options with one persistent selection
Still a different pair on your mind? See every commonly confused pair