<!--
{
  "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/TabSection",
  "metadataVersion" : "0.1.0",
  "role" : "Structure",
  "symbol" : {
    "kind" : "Structure",
    "modules" : [
      "SwiftUI"
    ],
    "preciseIdentifier" : "s:7SwiftUI10TabSectionV"
  },
  "title" : "TabSection"
}
-->

# TabSection

A container that you can use to add hierarchy within a tab view.

```
struct TabSection<Header, Content, Footer, SelectionValue>
```

## Overview

Use [`TabSection`](/documentation/SwiftUI/TabSection) to organize tab content into separate sections. Each section
has custom tab content that you provide on a per-instance basis. You can also
provide a header for each section.

## Topics

### Creating a tab section

[`init(content:)`](/documentation/SwiftUI/TabSection/init(content:))

Creates a section with the provided section content.

[`init(_:content:)`](/documentation/SwiftUI/TabSection/init(_:content:))

Creates a section with the provided content.

[`init(content:header:)`](/documentation/SwiftUI/TabSection/init(content:header:))

Creates a section with a header and the provided section content.

### Supporting types

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

The default label to use for a tab or tab section.


---

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)