iPad SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPad previews, Swift code, and Apple documentation.

TabView

Tab View Customization

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

Explore Tab View Customization on iPad in landscape, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
@AppStorage("tabCustomization") private var customization: TabViewCustomization

var body: some View {
    TabView {
        Tab {
            Text("0")
        }
        .customizationID("com.myApp.0")

        Tab("1", systemImage: "1.circle") {
            Text("1")
        }
        .customizationID("com.myApp.1")

        Tab("2", image: "cats24x24") {
            Text("2")
        }
        .customizationID("com.myApp.2")

        Tab {
            Text("3")
        } label: {
            Label("3", systemImage: "3.circle")
        }
        .customizationID("com.myApp.3")
    }
    .tabViewStyle(.sidebarAdaptable)
    .tabViewCustomization($customization)
}

Compatibility

iOS 18.0+ iPadOS 18.0+ macOS 15.0+ visionOS 2.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPad screenshot for Tab View Customization.

1 views