Concept cluster

Change view or reveal content

Compare panel navigation, a compact single-value choice, and vertically expanding content sections.

Try the 3 concepts, compare what changes, then use the Pack that fits your need.

Try it

Should the control switch views, choose a compact mode, or reveal content in the flow?

Shared trial context

A project workspace reveals related content in place while preserving the user's position on the page.

Move focus from Overview to Files with arrow keys, then press Enter to display its panel.

Overview

Project summary and upcoming deadlines.

Step 1 of 3

Try

Try the component. Your live result appears just above. Move on at your own pace.

Behavior and edge case

What to observe: One selected tab names the visible panel, and the other panels are hidden from interaction.
Edge case: If a panel needs noticeable loading time, activation becomes manual so arrow navigation does not trigger repeated waits.

Tabs control content panels; Segmented control chooses one value, while Accordion reveals sections vertically without replacing one shared panel.

Which fits your need?

Grouping a few peer views in one workspace

Switching between a few compact display modes

Which component will you use here?Use TabsUse Segmented control

Difference and sources

Tabs control content panels; Segmented control chooses one value, while Accordion reveals sections vertically without replacing one shared panel.

Select a numbered marker on the schematic, or use the list below, to see its role. The schematic shows the concept's representative state.

Tab list

The named set that groups the available tabs.

These descriptions fit every concept in the cluster, so none of them is enough to decide.