iPhone SwiftUI layouts

Explore SwiftUI APIs, components, and modifiers with interactive iPhone previews, Swift code, and Apple documentation. Compare every available orientation, appearance, and design.

ControlGroup

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

Explore MenuControlGroupStyle on iPhone in portrait, with SwiftUI code and Apple API documentation.

SwiftUI code

Full details Docs 
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(.menu)

Compatibility

iOS 16.4+ iPadOS 16.4+ macOS 13.3+ tvOS 17.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for MenuControlGroupStyle.

2 views