Tab views

ComponentsLayout

Source: Apple Inc. Canonical content at https://developer.apple.com/design/human-interface-guidelines/tab-views. This file is a structured index of that content, snapshot 2025-02-02. Apple HIG text and imagery are © Apple Inc.; this repository provides organization and cross-referencing for AI agent consumption only.

Tab views

Best practices

Use a tab view to present closely related areas of content.

Make sure the controls within a pane affect content only in the same pane.

Provide a label for each tab that describes the contents of its pane.

Avoid using a pop-up button to switch between tabs.

Avoid providing more than six tabs in a tab view.

Anatomy

In general, inset a tab view by leaving a margin of window-body area on all sides of a tab view.

Platform considerations

iOS, iPadOS

watchOS

Resources

Developer documentation

Change log


For the complete guidance, including worked examples and illustrations, see the canonical page: https://developer.apple.com/design/human-interface-guidelines/tab-views

Get HIG guidance in your AI

Install Apple HIG Skills and get expert design guidance directly in Claude Code.

npx skills add raintree-technology/apple-hig-skills
Email updates aren't configured on this deployment yet. Follow the GitHub repo (opens in new tab) for updates.