TabView Components

A view that switches between multiple child views using interactive user interface elements

24 components
TabSection - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
initializer

TabSection

A container that you can use to add hierarchy within a tab view.

TabBarOnlyTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

TabBarOnlyTabViewStyle

A tab view style that displays a tab bar when possible.

TabView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

TabView

Creates Tabs with title, image, systemImage and custom Label.

Search Tab Role - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Search Tab Role

On Liquid Glass, this tab is placed in its own group. In left-to-right (LTR) layouts, it will always appear on the right side of the TabView.

GroupedTabViewStyle - macOS - Liquid Glass - Light Mode - Preview
style

GroupedTabViewStyle

A tab view style that displays a tab bar that groups its tabs together.

PageTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

PageTabViewStyle

A TabViewStyle that displays a paged scrolling TabView.

VerticalPageTabViewStyle - watchOS - Liquid Glass - Light Mode - Preview
style

VerticalPageTabViewStyle

A TabViewStyle that displays a vertical TabView interaction and appearance.

SidebarAdaptableTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

SidebarAdaptableTabViewStyle

A tab bar style that adapts to each platform.

TabView Bottom Accessory Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

TabView Bottom Accessory Placement

A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement

Collapse Sidebar Sections by Default - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Collapse Sidebar Sections by Default

Collapses the section in the sidebar by default.

Default Tab Bar Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Default Tab Bar Placement

Specifies the preferred placement for the tabs of a TabView in the sidebarAdaptable style on platforms where the tab bar cannot adapt between different representations, and only one representation can be shown. For example, on iOS, it can enforce the sidebar on large-screen devices like the Pro Max, and iPhone Duo. This modifier has no effect on iPadOS.

Default Collapsed Tab Section - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Default Collapsed Tab Section

Sets the default expansion state for the section containing this tab to collapsed when displayed in the sidebar.

Tab View Customization Behavior - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Customization Behavior

Configures the customization behavior of customizable tab view content.

Tab View Customization - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Customization

Specifies the customizations to apply to the sidebar representation of the tab view.

Tab View Side Bar Footer - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Side Bar Footer

Adds a custom footer to the sidebar of a tab view.

Tab View Side Bar Bottom Bar - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Side Bar Bottom Bar

Adds a custom bottom bar to the sidebar of a tab view.

Default Adaptable Tab Bar Placement - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Default Adaptable Tab Bar Placement

Specifies the default placement for the tabs in a tab view using the adaptable sidebar style.

Tab Bar Section Actions - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab Bar Section Actions

Adds custom actions to a tab section.

Tab View Side Bar Header - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Side Bar Header

Adds a custom header to the sidebar of a tab view.

Tab Badge - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Tab Badge

Generates a badge for a tab from an integer value.

Hidden Index PageTabViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Hidden Index PageTabViewStyle

A TabViewStyle that displays a paged scrolling TabView with a hidden index.

Value Tab View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Value Tab View

Creates a tab view that uses a builder to create and specify selection values for its tabs.

Hide Tab Bar On Scroll Down - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Hide Tab Bar On Scroll Down

Minimize the tab bar when downwards scrolling starts. Minimizing is supported for tab bars on only iPhone

Bottom Accessory - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

Bottom Accessory

A modifier to place content above the tabs