Tab (graphical user interface)

Structure and behavior

Tabs usually appear as a row (or sometimes a column) of labeled headers. Each header corresponds to a container or document. Common properties include:

• Label or icon identifying the tab's content.
• An active state showing which tab is currently selected.
• Close controls for detachable documents (often an × symbol).
• Drag-and-drop support to reorder tabs or move them to new windows.

Programmers build tabs from widgets in a toolkit or framework; accessibility and keyboard navigation are important considerations.

History and adoption

Tabs evolved from desktop metaphors such as file folders and notebooks. Early document-based systems and later web browsers popularized the pattern by allowing multiple pages to share a single window frame. Over time tabs have been adapted to many application types, from settings dialogs to integrated development environments.

Uses and examples

Tabs are widely used to reduce screen clutter and group related information. Examples include:

• Web browsers that let users open multiple pages in one window, improving navigation and task switching (web browser).
• Word processors and editors where each document can be a tab (word processor).
• Settings or preference dialogs that separate sections like General, Security, and Appearance.

Variations and notable facts

Designers vary the visual style (rounded, square, stacked) and interaction model (closable, pinned, overflow menus). Mobile interfaces often implement segmented controls or swipeable tab bars rather than classic desktop tabs. Well-implemented tabs balance discoverability, keyboard support, and the ability to manage many concurrent items.