iPhone Duo SwiftUI layouts

Explore interactive SwiftUI previews across every available orientation and hinge state.

15elements

Toolbars

Axis Behavior

The bar axis behavior of the toolbar item.

SwiftUI code

 NavigationStack {
            Text("FooBar")
                .toolbar {
                    ToolbarItem {
                        Button(role: .confirm, action: action)
                    }
                    ToolbarItem {
                        Button(role: .cancel, action: action)
                    }
                    .axisBehavior(.horizontalOnly)
                    ToolbarItem {
                        Button("Foo", action: action)
                    }
                    ToolbarItem {
                        Button("Bar", action: action)
                    }
                    .axisBehavior(.verticalPreferred)
                }
}

Compatibility

iOS 27.1+ iPadOS 27.1+

Found an issue or have a suggestion?

All variants

Every available iPhone Duo screenshot for Axis Behavior.

6 views