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

PaletteControlGroupStyle

A control group style that presents its content as a palette.

Explore PaletteControlGroupStyle 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(.palette)

Compatibility

iOS 17.0+ iPadOS 17.0+ macOS 14.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for PaletteControlGroupStyle.

2 views