> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/ios/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/ios/swiftui/control/button/styles/primitivebuttonstyle.md).

# PrimitiveButtonStyle

[SwiftUI](/ios/swiftui.md) ⟩ [Controls](/ios/swiftui/control.md) ⟩ [Button](/ios/swiftui/control/button.md) ⟩ [Styles](/ios/swiftui/control/button/styles.md) ⟩ PrimitiveButtonStyle

{% tabs %}
{% tab title="💈範例" %}
![](/files/Lq2znYcl0r3QHWcZEdkg)

```swift
// ⭐️ tvOS 還有 .card，macOS 還有 .link
Button(".plain") { /* action */ }.buttonStyle(.plain)
Button(".borderless") {  }.buttonStyle(.borderless)    // iOS default
Button(".bordered") {  }.buttonStyle(.bordered)
Button(".borderedProminent") {  }.buttonStyle(.borderedProminent)
Button(".automatic") {  }.buttonStyle(.automatic)
```

{% endtab %}

{% tab title="📗 參考" %}

* [x] Sarun ⟩ [SwiftUI ButtonStyle](https://sarunw.com/posts/swiftui-buttonstyle/)
  {% endtab %}

{% tab title="📘 手冊" %}

* SwiftUI ⟩ Controls ⟩ [Button](https://developer.apple.com/documentation/swiftui/button) ⟩
  * [.buttonStyle\<S: ButtonStyle>()](https://developer.apple.com/documentation/swiftui/view/buttonstyle\(_:\)-7qx1)
  * [.buttonStyle\<S: PrimitiveButtonStyle>(\_:)](https://developer.apple.com/documentation/swiftui/view/buttonstyle\(_:\)-66fbx)
  * [ButtonStyle](https://developer.apple.com/documentation/swiftui/buttonstyle) (<mark style="color:red;">**protocol**</mark>) - <mark style="color:orange;">**standard**</mark> button interaction behavior.
  * [PrimitiveButtonStyle](https://developer.apple.com/documentation/swiftui/primitivebuttonstyle) (<mark style="color:red;">**protocol**</mark>) - <mark style="color:orange;">**custom**</mark> interaction behavior & appearance.
    * .[automatic](https://developer.apple.com/documentation/swiftui/primitivebuttonstyle/automatic), .bordered, .borderedProminent, .borderless, .plain
    * .card (tvOS 14), .link (macOS 10.15)
      {% endtab %}

{% tab title="👥 相關" %}

* [ViewModifier](/ios/swiftui/view/modifier/viewmodifier.md)
* [Label ⟩ custom styles](/ios/swiftui/control/label/builtin-styles/custom-styles.md)
  {% endtab %}
  {% endtabs %}