Interactive previews iPhone
NavigationControlGroupStyle
The navigation control group style
Platform Compatibility
iOS 15.0+ iPadOS 15.0+ macOS 12.0+ visionOS 1.0+
Tags
SwiftUI Code
VStack {
ControlGroup {
Button("Increase", systemImage: "plus", action: action)
Button("Decrease", systemImage: "minus", action: action)
} label: {
Text("Foo")
}
ControlGroup("Foo", systemImage: "magnifyingglass") {
Button("Increase", systemImage: "plus", action: action)
Button("Decrease", systemImage: "minus", action: action)
}
ControlGroup {
Button("Increase", systemImage: "plus", action: action)
Button("Decrease", systemImage: "minus", action: action)
}
}
.controlGroupStyle(.navigation)Found an issue or have a suggestion?
Created: June 4, 2025Updated: December 27, 2025
More ControlGroup Components
View all
MenuControlGroupStyle
A control group style that presents its content as a menu when the user presses the control, or as a submenu when nested within a larger menu
CompactMenuControlGroupStyle
A control group style that presents its content as a compact menu when the user presses the control, or as a submenu when nested within a larger menu
Explore Other Components
Browse all
Tab View Customization
Specifies the customizations to apply to the sidebar representation of the tab view.
Product View
Creates a view to load and merchandise an individual product from the App Store.
Default Adaptable Tab Bar Placement
Specifies the default placement for the tabs in a tab view using the adaptable sidebar style.
