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.

Button

Button Styles

A type that applies standard interaction behavior and a custom appearance to all buttons within a view hierarchy

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

SwiftUI code

Full details Docs 
HStack {
    Button("Tap Me", action: action)
        .buttonStyle(.plain)
    Button("Tap Me", action: action)
        .buttonStyle(.borderless)
    Button("Tap Me", action: action)
        .buttonStyle(.bordered)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
}

Compatibility

iOS 13.0+ iPadOS 13.0+ macOS 10.15+ watchOS 6.0+ tvOS 13.0+ visionOS 1.0+

Tags

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Button Styles.

2 views