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 Border Shape

A shape used to draw a button’s border.

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

SwiftUI code

Full details Docs 
HStack {
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .buttonBorderShape(.roundedRectangle)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .buttonBorderShape(.capsule)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .padding()
        .buttonBorderShape(.circle)
    Button("Tap Me", action: action)
        .buttonStyle(.borderedProminent)
        .buttonBorderShape(.roundedRectangle(radius: 12))
}

Compatibility

iOS 15.0+ iPadOS 15.0+ macOS 12.0+ watchOS 8.0+ tvOS 15.0+ visionOS 1.0+

Found an issue or have a suggestion?

All variants

Every available iPhone screenshot for Button Border Shape.

2 views