<!--
{
  "availability" : [
    "iOS: 18.0.0 -",
    "iPadOS: 18.0.0 -",
    "macCatalyst: 18.0.0 -",
    "macOS: 15.0.0 -",
    "tvOS: 18.0.0 -",
    "visionOS: 2.0.0 -",
    "watchOS: 11.0.0 -"
  ],
  "documentType" : "symbol",
  "framework" : "SwiftUI",
  "identifier" : "/documentation/SwiftUI/SectionConfiguration/header",
  "metadataVersion" : "0.1.0",
  "role" : "Instance Property",
  "symbol" : {
    "kind" : "Instance Property",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI20SectionConfigurationV6headerAA18SubviewsCollectionVvp"
  },
  "title" : "header"
}
-->

# header

The contents of the section header.

```
var header: SubviewsCollection { get }
```

## Discussion

Notably, the section’s header is a `SubviewsCollection`, not a
`Subview`, as it can be made up of multiple subviews. That means in most
cases, the subviews collection should be treated as a collection (either
indexed into, or used with a `ForEach`), or the subviews collection
should be wrapped in a container view, like a layout, or other custom
container:

```
ForEach(sections: content) {
    VStack {
        HStack { section.header }
        HStack { section.footer }
    }
}
```

Here, we surround the header and footer in an `HStack` layout to avoid
vertically stacking the subviews of the header and footer which we want
visually grouped together. Additionally, we surround the `ForEach` body
in a VStack, so it is treated as a single view by containers it gets
passed to.

---

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)