Interactive previews iPhone
Button Border Shape
A shape used to draw a button’s border.
Platform Compatibility
iOS 15.0+ iPadOS 15.0+ macOS 12.0+ watchOS 8.0+ tvOS 15.0+ visionOS 1.0+
SwiftUI Code
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: December 27, 2025
More Button Components
View all
Glass Button Styles
A button style that applies glass border artwork based on the button’s context
Explore Other Components
Browse all
InlinePickerStyle
A PickerStyle where each option is displayed inline with other views in the current container.
MenuPickerStyle
A picker style that presents the options as a menu when the user presses a button, or as a submenu when nested within a larger menu.
TabsPickerStyle
A picker style that presents options as segmented tabs. On macOS, this style produces a segmented picker with a visual treatment that distinguishes tab navigation from value selection. On iOS, tvOS, and visionOS, the visual appearance matches that of the standard standard .segmented style. On all supported platforms, VoiceOver announces options as tabs.
