<!--
{
  "availability" : [
    "iOS: 17.0.0 -",
    "iPadOS: 17.0.0 -",
    "macCatalyst: 17.0.0 -",
    "macOS: 14.0.0 -",
    "tvOS: 17.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 10.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/ShapeStyle/fill",
  "metadataVersion" : "0.1.0",
  "role" : "Type Property",
  "symbol" : {
    "kind" : "Type Property",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI10ShapeStylePA2A04FillcD0VRszrlE4fillAEvpZ"
  },
  "title" : "fill"
}
-->

# fill

An overlay fill style for filling shapes.

```
@export(implementation) static var fill: FillShapeStyle { get }
```

## Discussion

This shape style is appropriate for items situated on top of an existing
background color. It incorporates transparency to allow the background
color to show through.

Use the primary version of this style to fill thin or small shapes, such
as the track of a slider on iOS.
Use the secondary version of this style to fill medium-size shapes, such
as the background of a switch on iOS.
Use the tertiary version of this style to fill large shapes, such as
input fields, search bars, or buttons on iOS.
Use the quaternary version of this style to fill large areas that
contain complex content, such as an expanded table cell on iOS.

---

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)