---
title: "iPad SwiftUI Layout Gallery | Explore SwiftUI"
description: "Explore SwiftUI on iPad with visual previews, Swift code, and Apple documentation. Compare available orientations, appearances, and designs."
canonical_url: "https://exploreswiftui.com/ipad"
meta:
  author: "Explore SwiftUI"
  "og:description": "Explore SwiftUI on iPad with visual previews, Swift code, and Apple documentation. Compare available orientations, appearances, and designs."
  "og:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_iPad%2BSwiftUI%2BLayouts%2Cdescription_Compare%2BSwiftUI%2Bcomponents%2Bacross%2Bavailable%2BiPad%2Bscreenshot%2Bvariants.%2Cp_Ii9pcGFkIg%2Cs_qMWTJqnrXtGYDkOD.png"
  "og:image:height": "630"
  "og:image:type": image/png
  "og:image:width": "1200"
  "og:title": "iPad SwiftUI Layout Gallery | Explore SwiftUI"
  "twitter:description": "Explore SwiftUI on iPad with visual previews, Swift code, and Apple documentation. Compare available orientations, appearances, and designs."
  "twitter:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_iPad%2BSwiftUI%2BLayouts%2Cdescription_Compare%2BSwiftUI%2Bcomponents%2Bacross%2Bavailable%2BiPad%2Bscreenshot%2Bvariants.%2Cp_Ii9pcGFkIg%2Cs_qMWTJqnrXtGYDkOD.png"
  "twitter:title": "iPad SwiftUI Layout Gallery | Explore SwiftUI"
---

> Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt)

# **iPad SwiftUI layouts**

Explore SwiftUI APIs, components, and modifiers with interactive iPad previews, Swift code, and Apple documentation.

****24****elements

**Navigation**

## **Hide Sidebar Toggle**

Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.

Explore Hide Sidebar Toggle on iPad in portrait and landscape, with SwiftUI code and Apple API documentation.

### **SwiftUI code **

[ Full details](https://exploreswiftui.com/library/navigation/hide-sidebar-toggle?os=ipados&orientation=landscape&design=liquid&bezel=on) [ Docs](https://developer.apple.com/documentation/swiftui/toolbardefaultitemkind/sidebartoggle)

```
NavigationSplitView {
    Color.blue
        .toolbar(removing: .sidebarToggle)
} detail: {
    Color.orange
}
```

### **Compatibility **

**iOS 17.0+ ****iPadOS 17.0+ ****macOS 13.0+ ****watchOS 10.0+ ****tvOS 17.0+ ****visionOS 1.0+ **

### **Tags **

### **Found an issue or have a suggestion? **

## **All variants **

Every available iPad screenshot for Hide Sidebar Toggle.

2 views

```json
{"@context":"https://schema.org","@graph":[{"@type":"CollectionPage","@id":"https://exploreswiftui.com/ipad#collectionpage","name":"iPad SwiftUI Layout Gallery","description":"Explore SwiftUI on iPad with visual previews, Swift code, and Apple documentation. Compare available orientations, appearances, and designs.","url":"https://exploreswiftui.com/ipad","inLanguage":"en-US","isPartOf":{"@id":"https://exploreswiftui.com/#website"},"about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"iPad"}],"mainEntity":{"@id":"https://exploreswiftui.com/ipad#itemlist"}},{"@type":"ItemList","@id":"https://exploreswiftui.com/ipad#itemlist","name":"SwiftUI APIs and components with iPad previews","numberOfItems":24,"itemListElement":[{"@type":"ListItem","position":1,"name":"Hide Sidebar Toggle","url":"https://exploreswiftui.com/ipad?element=255"},{"@type":"ListItem","position":2,"name":"Container Content Margins","url":"https://exploreswiftui.com/ipad?element=257"},{"@type":"ListItem","position":3,"name":"Navigation Split View Container Background","url":"https://exploreswiftui.com/ipad?element=173"},{"@type":"ListItem","position":4,"name":"Background Extension Effect","url":"https://exploreswiftui.com/ipad?element=91"},{"@type":"ListItem","position":5,"name":"TabSection","url":"https://exploreswiftui.com/ipad?element=157"},{"@type":"ListItem","position":6,"name":"TabBarOnlyTabViewStyle","url":"https://exploreswiftui.com/ipad?element=159"},{"@type":"ListItem","position":7,"name":"TabView","url":"https://exploreswiftui.com/ipad?element=155"},{"@type":"ListItem","position":8,"name":"SidebarAdaptableTabViewStyle","url":"https://exploreswiftui.com/ipad?element=158"},{"@type":"ListItem","position":9,"name":"Collapse Sidebar Sections by Default","url":"https://exploreswiftui.com/ipad?element=259"},{"@type":"ListItem","position":10,"name":"Default Tab Bar Placement","url":"https://exploreswiftui.com/ipad?element=239"},{"@type":"ListItem","position":11,"name":"Default Collapsed Tab Section","url":"https://exploreswiftui.com/ipad?element=234"},{"@type":"ListItem","position":12,"name":"Tab View Customization Behavior","url":"https://exploreswiftui.com/ipad?element=166"},{"@type":"ListItem","position":13,"name":"Tab View Customization","url":"https://exploreswiftui.com/ipad?element=164"},{"@type":"ListItem","position":14,"name":"Tab View Side Bar Footer","url":"https://exploreswiftui.com/ipad?element=168"},{"@type":"ListItem","position":15,"name":"Tab View Side Bar Bottom Bar","url":"https://exploreswiftui.com/ipad?element=169"},{"@type":"ListItem","position":16,"name":"Default Adaptable Tab Bar Placement","url":"https://exploreswiftui.com/ipad?element=170"},{"@type":"ListItem","position":17,"name":"Tab Bar Section Actions","url":"https://exploreswiftui.com/ipad?element=171"},{"@type":"ListItem","position":18,"name":"Tab View Side Bar Header","url":"https://exploreswiftui.com/ipad?element=167"},{"@type":"ListItem","position":19,"name":"Tab Badge","url":"https://exploreswiftui.com/ipad?element=156"},{"@type":"ListItem","position":20,"name":"Sheet Placement","url":"https://exploreswiftui.com/ipad?element=231"},{"@type":"ListItem","position":21,"name":"Page Screen Sheet Size","url":"https://exploreswiftui.com/ipad?element=144"},{"@type":"ListItem","position":22,"name":"Fitted Sheet Sizing","url":"https://exploreswiftui.com/ipad?element=143"},{"@type":"ListItem","position":23,"name":"Item Sheet","url":"https://exploreswiftui.com/ipad?element=136"},{"@type":"ListItem","position":24,"name":"Boolean Sheet","url":"https://exploreswiftui.com/ipad?element=135"}]},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://exploreswiftui.com"},{"@type":"ListItem","position":2,"name":"iPad","item":"https://exploreswiftui.com/ipad"}]}]}
```

```json
{"@context":"https://schema.org","@graph":[{"@id":"https://exploreswiftui.com/#website","@type":"WebSite","description":"A visual library for SwiftUI APIs, components, and modifiers","inLanguage":"en-US","name":"Explore SwiftUI","url":"https://exploreswiftui.com/","publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/ipad#webpage","@type":"WebPage","description":"Explore SwiftUI on iPad with visual previews, Swift code, and Apple documentation. Compare available orientations, appearances, and designs.","name":"iPad SwiftUI Layout Gallery","url":"https://exploreswiftui.com/ipad","isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/ipad"]}],"primaryImageOfPage":{"@id":"https://exploreswiftui.com/#logo"}},{"@id":"https://exploreswiftui.com/#identity","@type":"Organization","description":"A visual library for SwiftUI APIs, components, and modifiers","name":"Explore SwiftUI","url":"https://exploreswiftui.com","logo":{"@id":"https://exploreswiftui.com/#logo"},"sameAs":["https://x.com/Typ0genius","https://mastodon.social/@Typ0genius"]},{"@id":"https://exploreswiftui.com/#logo","@type":"ImageObject","caption":"Explore SwiftUI","contentUrl":"https://exploreswiftui.com/apple-touch-icon.png","inLanguage":"en","url":"https://exploreswiftui.com/apple-touch-icon.png"}]}
```