Button Styles in SwiftUI

This is a table explaining the different button styles in SwiftUI and which platform each Button Style is available on.

Button StyleiOSwatchOSiPad OSmacOS

| PlainButtonStyle | ✅ | ✅ | ✅ | ✅ | | | | | | | | LinkButtonStyle | ❌ | ❌ | ❌ | ✅ | | | | | | | | BorderedButtonStyle | ❌ | ❌ | ❌ | ✅ | | | | | | | | BorderlessButtonStyle | ✅ | ❌ | ✅ | ✅ | | | | | | |

How to use

Here is sample code of how to use a Button Style in SwiftUI.

Button(action: {
    print("plain")
}) {
    Text("Borderless button")
}.buttonStyle(BorderlessButtonStyle())

In the GitHub repo, there is an Xcode project with each button style used.


If you enjoyed this post and want more, please consider subscribing to my Patreon and checking out my other posts!

If you don't like having more subscriptions, consider buying me a coffee by clicking the image below! Buy Me A Coffee


This post is also available on DEV.