Button Border Shape

A shape used to draw a button’s border.

Button Border Shape - iOS Light Mode Preview

Platform Compatibility

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

SwiftUI Code

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))
}

Found an issue or have a suggestion?

Created: May 30, 2025Updated: May 30, 2025