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 Style	iOS	watchOS	iPad OS	macOS
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.

maeganwilson / swiftui-buttons

Button Styles

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

Button Style	iOS	watchOS	iPad OS	macOS
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!

---

View on GitHub

---

If you enjoy my posts, please consider sharing it or Buying me a Coffee!

Comments

[hemaks123]

Hi ,

I have doubt on how to get a button id inside the button action in swiftui? Is there any way to print the button id inside action?

[Maegan Wilson]

What do you mean by button id? I don’t quite understand.

[hemaks123]

Is it possible to access the button tag inside the button action in SwiftUI?

[hemaks123]

In UIKit we can set a button tag and can access it inside the @IBAction method. The same thing I want to do with swiftui. Is it possible to access the button tag inside the button action in SwiftUI?