<!--
{
  "availability" : [
    "iOS: 14.0.0 -",
    "iPadOS: 14.0.0 -",
    "macCatalyst: 14.0.0 -",
    "tvOS: 14.0.0 -",
    "visionOS: 1.0.0 -",
    "watchOS: 8.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/PageIndexViewStyle",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI18PageIndexViewStyleV"
  },
  "title" : "PageIndexViewStyle"
}
-->

# PageIndexViewStyle

An index view style that places a page index view over its content.

```
struct PageIndexViewStyle
```

## Overview

You can also use [`page`](/documentation/SwiftUI/IndexViewStyle/page) to construct this style.

## Topics

### Creating the control group style

[`init(backgroundDisplayMode:)`](/documentation/SwiftUI/PageIndexViewStyle/init(backgroundDisplayMode:))

Creates a page index view style.

[`BackgroundDisplayMode`](/documentation/SwiftUI/PageIndexViewStyle/BackgroundDisplayMode)

The background style for the page index view.

## Relationships

### Conforms To

[`IndexViewStyle`](/documentation/SwiftUI/IndexViewStyle)

---

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)