--- title: "Only Horizontal Split Arrangement Style | Explore SwiftUI" description: "Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied" canonical_url: "https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style" meta: author: "Explore SwiftUI" "og:description": "Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied" "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Only%2BHorizontal%2BSplit%2BArrangement%2BStyle%2Cdescription_~Q3JlYXRlcyBhIGhvcml6b250YWwgc3BsaXQgYXJyYW5nZW1lbnQgb25seSBpbiBwb3J0cmFpdCBvcmllbnRhdGlvbi4gSW4gbGFuZHNjYXBlIG9yaWVudGF0aW9uLCBubyBzcGxpdCBpcyBhcHBsaWVkLg%2Ccategory_ArrangementView%2Cimage_~L2FwaS9pbWFnZXMvMjQ1L3ZhcmlhbnRzLzE2MTQ~dj0xNzkxMjA3NzEyODI3JnI9MiZ3PTEyODAmcT04NSZmPWpwZWc%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L2FycmFuZ2VtZW50dmlldy9vbmx5LWhvcml6b250YWwtc3BsaXQtYXJyYW5nZW1lbnQtc3R5bGUi%2Cs_NgBKgYpVNInHnmQQ.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Only Horizontal Split Arrangement Style | Explore SwiftUI" "twitter:description": "Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied" "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Only%2BHorizontal%2BSplit%2BArrangement%2BStyle%2Cdescription_~Q3JlYXRlcyBhIGhvcml6b250YWwgc3BsaXQgYXJyYW5nZW1lbnQgb25seSBpbiBwb3J0cmFpdCBvcmllbnRhdGlvbi4gSW4gbGFuZHNjYXBlIG9yaWVudGF0aW9uLCBubyBzcGxpdCBpcyBhcHBsaWVkLg%2Ccategory_ArrangementView%2Cimage_~L2FwaS9pbWFnZXMvMjQ1L3ZhcmlhbnRzLzE2MTQ~dj0xNzkxMjA3NzEyODI3JnI9MiZ3PTEyODAmcT04NSZmPWpwZWc%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIl19%2Cp_Ii9saWJyYXJ5L2FycmFuZ2VtZW50dmlldy9vbmx5LWhvcml6b250YWwtc3BsaXQtYXJyYW5nZW1lbnQtc3R5bGUi%2Cs_NgBKgYpVNInHnmQQ.png" "twitter:title": "Only Horizontal Split Arrangement Style | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone Duo](https://exploreswiftui.com/duo?element=245) # **Only Horizontal Split Arrangement Style** Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied. ![Only Horizontal Split Arrangement Style - Preview Not Available](https://exploreswiftui.com/api/images/245/variants/1614?v=1791207712827&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 27.1+ iPadOS 27.1+ ### **Tags** ### **SwiftUI Code** [ Docs]() ``` ArrangementView { Color.blue } secondary: { Color.orange } .arrangementViewStyle(.split.axes(.vertical)) ``` ### **Found an issue or have a suggestion?** Created: September 24, 2026Updated: October 5, 2026 ![Connect Wizard](https://exploreswiftui.com/_ipx/f_webp&q_80&s_48x48/images/connect-wizard-icon.png) **Connect Wizard** **Unlock insights App Store Connect doesn’t show you.** [** Get Started **](https://apps.apple.com/app/apple-store/id6747314580?pt=121213751&ct=Explore%20SwiftUI%20Banner&mt=8) ### **More ArrangementView Components ** [**View all **](https://exploreswiftui.com/library/arrangementview) ![Overlay Arrangement ZIndex - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/252/variants/1906?v=1792480289764&r=2&w=412&q=75&f=webp) ### **Overlay Arrangement ZIndex** The z-index for a view within an overlay arrangement view. ![Overlay Arrangement Edge - iOS on iPhone Duo - Landscape - Partially Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/251/variants/1787?v=1790586084694&r=2&w=412&q=75&f=webp) ### **Overlay Arrangement Edge** The horizontal edge a view in an overlay arrangement occupies when the arrangement transitions to a horizontal layout. In this case, the primary view overlays the secondary view at the trailing edge when the screen is partially open in landscape. ![Overlay Arrangement Style - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/250/variants/1777?v=1790584733410&r=2&w=412&q=75&f=webp) ### **Overlay Arrangement Style** An arrangement view style that layers the primary view over the secondary view in z-order. ![Split Arrangement Layout Ratio - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/244/variants/1564?v=1790273511100&r=2&w=412&q=75&f=webp) ### **Split Arrangement Layout Ratio** Sets the preferred size ratio for an arrangement view in a split style. Use this modifier when you want to customize the size of the view compared to its other views in the split layout. ![ArrangementView - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/243/variants/1530?v=1790273526551&r=2&w=412&q=75&f=webp) ### **ArrangementView** Creates an arrangement view with a primary and secondary view. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Toolbar Overflow Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/237/variants/731?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Toolbar Overflow Menu** The overflow menu of a toolbar. An overflow menu represents actions that are always placed in the toolbar’s overflow menu, regardless of the toolbar mode, platform, or customizability. ![Formatted Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/151/variants/490?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Formatted Labeled Content** Creates a labeled informational view from a formatted value. ![AccessoryLinearGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/44/variants/253?v=1790073478842&r=2&w=412&q=75&f=webp) ### **AccessoryLinearGaugeStyle** A gauge style that displays bar with a marker that appears at a point along the bar to indicate the gauge’s current value ![VisionOS background materials - visionOS - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/260/variants/2143?v=1793707679045&r=2&w=412&q=75&f=webp) ### **VisionOS background materials** All background materials on visionOS ![UIKit Label Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/10/variants/45?v=1790073478842&r=2&w=412&q=75&f=webp) ### **UIKit Label Colors** ![UIKit Text Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/12/variants/55?v=1790073478842&r=2&w=412&q=75&f=webp) ### **UIKit Text Colors** The UIKit text colors that are also used in other components, such as the TextField ![Remove Toolbar Item Margin - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/235/variants/665?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Remove Toolbar Item Margin** Configures whether the content margins are removed. ![ToolbarItem Shared Background Visibility - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/92/variants/295?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ToolbarItem Shared Background Visibility** Controls the visibility of the glass background effect on items in the toolbar. In certain contexts, such as the navigation bar on iOS and the window toolbar on macOS, toolbar items will be given a glass background effect that is shared with other items in the same logical grouping ```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/library/arrangementview/only-horizontal-split-arrangement-style#webpage","@type":"WebPage","dateModified":"2026-10-05T13:41:52.923Z","datePublished":"2026-09-24T18:24:17.326Z","description":"Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied","name":"Only Horizontal Split Arrangement Style","url":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style","breadcrumb":{"@id":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style"]}],"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/library/arrangementview/only-horizontal-split-arrangement-style#article","dateModified":"2026-10-05T13:41:52.923Z","datePublished":"2026-09-24T18:24:17.326Z","description":"Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied","headline":"Only Horizontal Split Arrangement Style","inLanguage":"en-US","name":"Only Horizontal Split Arrangement Style","thumbnailUrl":"https://exploreswiftui.com/api/images/245/variants/1614?v=1791207712827&r=2","url":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@type":"WebSite","name":"Explore SwiftUI","url":"https://exploreswiftui.com"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/splitarrangementviewstyle/axes(_:)","codeSampleType":"full example","description":"Creates a horizontal split arrangement only in portrait orientation. In landscape orientation, no split is applied","name":"Only Horizontal Split Arrangement Style SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"ArrangementView {\n Color.blue\n} secondary: {\n Color.orange\n}\n.arrangementViewStyle(.split.axes(.vertical))","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"ArrangementView"},{"@type":"Thing","name":"Only Horizontal Split Arrangement Style"}]},{"@id":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"ArrangementView","item":"https://exploreswiftui.com/library/arrangementview","position":2},{"@type":"ListItem","name":"Only Horizontal Split Arrangement Style","item":"https://exploreswiftui.com/library/arrangementview/only-horizontal-split-arrangement-style","position":3}]},{"@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"},{"@id":"https://exploreswiftui.com/#/schema/image/1","@type":"ImageObject","contentUrl":"https://exploreswiftui.com/api/images/245/variants/1614?v=1791207712827&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/245/variants/1614?v=1791207712827&r=2"}]} ```