<!--
{
  "availability" : [
    "tvOS: 14.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/PrimitiveButtonStyle/card",
  "metadataVersion" : "0.1.0",
  "role" : "Type Property",
  "symbol" : {
    "kind" : "Type Property",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI20PrimitiveButtonStylePA2A04CarddE0VRszrlE4cardAEvpZ"
  },
  "title" : "card"
}
-->

# card

A button style that doesn’t pad the content, and applies a Liquid Glass effect when the button has focus.

```
@MainActor @export(implementation) @preconcurrency static var card: CardButtonStyle { get }
```

## Discussion

This button style applies a Liquid Glass effect when the button gains focus. This style doesn’t apply any intrinsic padding to its contents, so images, text, and other content display edge-to-edge.

To apply this style to a button, or to a view that contains buttons, use
the [`buttonStyle(_:)`](/documentation/SwiftUI/View/buttonStyle(_:)-66fbx) modifier.

---

Copyright &copy; 2026 Apple Inc. All rights reserved. | [Terms of Use](https://www.apple.com/legal/internet-services/terms/site.html) | [Privacy Policy](https://www.apple.com/privacy/privacy-policy)