--- title: "TabView Bottom Accessory Placement | Explore SwiftUI" description: "A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement" canonical_url: "https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement" meta: author: "Explore SwiftUI" "og:description": "A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement" "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_TabView%2BBottom%2BAccessory%2BPlacement%2Cdescription_A%2Bplacement%2Bof%2Bthe%2Bbottom%2Baccessory%2Bin%2Ba%2Btab%2Bview.%2BYou%2Bcan%2Buse%2Bthis%2Bto%2Badjust%2Bthe%2Bcontent%2Bof%2Bthe%2Baccessory%2Bview%2Bbased%2Bon%2Bthe%2Bplacement%2Ccategory_TabView%2Cimage_~L2FwaS9pbWFnZXMvOTAvdmFyaWFudHMvMzg1P3Y9MTc5MzQzODc2MTU0NyZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_bottom%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiAwOyBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L3RhYnZpZXcvdGFidmlldy1ib3R0b20tYWNjZXNzb3J5LXBsYWNlbWVudCI%2Cs_afOxH2gkJ67mvqUj.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "TabView Bottom Accessory Placement | Explore SwiftUI" "twitter:description": "A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement" "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_TabView%2BBottom%2BAccessory%2BPlacement%2Cdescription_A%2Bplacement%2Bof%2Bthe%2Bbottom%2Baccessory%2Bin%2Ba%2Btab%2Bview.%2BYou%2Bcan%2Buse%2Bthis%2Bto%2Badjust%2Bthe%2Bcontent%2Bof%2Bthe%2Baccessory%2Bview%2Bbased%2Bon%2Bthe%2Bplacement%2Ccategory_TabView%2Cimage_~L2FwaS9pbWFnZXMvOTAvdmFyaWFudHMvMzg1P3Y9MTc5MzQzODc2MTU0NyZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_bottom%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiAwOyBib3JkZXItYm90dG9tOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbS1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L3RhYnZpZXcvdGFidmlldy1ib3R0b20tYWNjZXNzb3J5LXBsYWNlbWVudCI%2Cs_afOxH2gkJ67mvqUj.png" "twitter:title": "TabView Bottom Accessory Placement | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=90) # **TabView Bottom Accessory Placement** A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement ![TabView Bottom Accessory Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/90/variants/385?v=1793438761547&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 26.0+ iPadOS 26.0+ macOS 26.0+ watchOS 26.0+ tvOS 26.0+ visionOS 26.0+ ### **Tags** ### **SwiftUI Code** [ Docs](https://developer.apple.com/documentation/swiftui/tabviewbottomaccessoryplacement) ``` var body: some View { TabView { Tab("1", systemImage: "1.circle") { List { ForEach(0 ..< 100, id: \.self) { Text("Item \($0)") } } } Tab("2", systemImage: "2.circle") { EmptyView() } Tab("3", systemImage: "3.circle") { EmptyView() } } .tabBarMinimizeBehavior(.onScrollDown) .tabViewBottomAccessory { AccessoryContent() } } struct AccessoryContent: View { @Environment(\.tabViewBottomAccessoryPlacement) var placement var body: some View { switch placement { case .inline: Text("Inline") case .expanded: Text("Expanded") case .none: Text("") } } } ``` ### **Found an issue or have a suggestion?** Created: June 10, 2025Updated: October 31, 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 TabView Components ** [**View all **](https://exploreswiftui.com/library/tabview) ![Collapse Sidebar Sections by Default - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/259/variants/2039?v=1792566366133&r=2&w=412&q=75&f=webp) ### **Collapse Sidebar Sections by Default** Collapses the section in the sidebar by default. ![Default Tab Bar Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/239/variants/2069?v=1792681374978&r=2&w=412&q=75&f=webp) ### **Default Tab Bar Placement** Specifies the preferred placement for the tabs of a TabView in the sidebarAdaptable style on platforms where the tab bar cannot adapt between different representations, and only one representation can be shown. For example, on iOS, it can enforce the sidebar on large-screen devices like the Pro Max, and iPhone Duo. This modifier has no effect on iPadOS. ![Default Collapsed Tab Section - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/234/variants/341?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Default Collapsed Tab Section** Sets the default expansion state for the section containing this tab to collapsed when displayed in the sidebar. ![Tab View Customization Behavior - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/166/variants/669?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Tab View Customization Behavior** Configures the customization behavior of customizable tab view content. ![Tab View Customization - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/164/variants/671?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Tab View Customization** Specifies the customizations to apply to the sidebar representation of the tab view. ![Tab View Side Bar Footer - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/168/variants/735?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Tab View Side Bar Footer** Adds a custom footer to the sidebar of a tab view. ![Tab View Side Bar Bottom Bar - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/169/variants/707?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Tab View Side Bar Bottom Bar** Adds a custom bottom bar to the sidebar of a tab view. ![Default Adaptable Tab Bar Placement - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/170/variants/673?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Default Adaptable Tab Bar Placement** Specifies the default placement for the tabs in a tab view using the adaptable sidebar style. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Button Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/31/variants/339?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Button Styles** A type that applies standard interaction behavior and a custom appearance to all buttons within a view hierarchy ![Button Sizing - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/190/variants/3?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Button Sizing** The preferred sizing behavior of buttons in the view hierarchy. ![Content NavigationSplitView - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/242/variants/1528?v=1790273533713&r=2&w=412&q=75&f=webp) ### **Content NavigationSplitView** Creates a three-column navigation split view. ![Picker Divider - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/177/variants/540?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Picker Divider** A Picker with a Divider ![Toggle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/208/variants/624?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Toggle** Creates a toggle with title, image, systemImage, and custom label. ![Role Button With Default Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/134/variants/424?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Role Button With Default Label** Creates a button that displays a default label. ![Title Toolbar Item Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/95/variants/279?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Title Toolbar Item Placement** Places content in the title area ![List Row Spacing - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/112/variants/31?v=1790073478842&r=2&w=412&q=75&f=webp) ### **List Row Spacing** Sets the vertical spacing between two adjacent rows in a List. ```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/tabview/tabview-bottom-accessory-placement#webpage","@type":"WebPage","dateModified":"2026-10-31T09:26:01.612Z","datePublished":"2025-06-10T10:07:51.519Z","description":"A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement","name":"TabView Bottom Accessory Placement","url":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement","breadcrumb":{"@id":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement"]}],"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/tabview/tabview-bottom-accessory-placement#article","dateModified":"2026-10-31T09:26:01.612Z","datePublished":"2025-06-10T10:07:51.519Z","description":"A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement","headline":"TabView Bottom Accessory Placement","inLanguage":"en-US","name":"TabView Bottom Accessory Placement","thumbnailUrl":"https://exploreswiftui.com/api/images/90/variants/385?v=1793438761547&r=2","url":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement","@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/tabview/tabview-bottom-accessory-placement#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/tabviewbottomaccessoryplacement","codeSampleType":"full example","description":"A placement of the bottom accessory in a tab view. You can use this to adjust the content of the accessory view based on the placement","name":"TabView Bottom Accessory Placement SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"var body: some View {\n TabView {\n Tab(\"1\", systemImage: \"1.circle\") {\n List {\n ForEach(0 ..\u003C 100, id: \\.self) {\n Text(\"Item \\($0)\")\n }\n }\n }\n\n Tab(\"2\", systemImage: \"2.circle\") {\n EmptyView()\n }\n\n Tab(\"3\", systemImage: \"3.circle\") {\n EmptyView()\n }\n }\n .tabBarMinimizeBehavior(.onScrollDown)\n .tabViewBottomAccessory {\n AccessoryContent()\n }\n}\n\nstruct AccessoryContent: View {\n @Environment(\\.tabViewBottomAccessoryPlacement) var placement\n\n var body: some View {\n switch placement {\n case .inline:\n Text(\"Inline\")\n case .expanded:\n Text(\"Expanded\")\n case .none:\n Text(\"\")\n }\n }\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"TabView"},{"@type":"Thing","name":"TabView Bottom Accessory Placement"}]},{"@id":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"TabView","item":"https://exploreswiftui.com/library/tabview","position":2},{"@type":"ListItem","name":"TabView Bottom Accessory Placement","item":"https://exploreswiftui.com/library/tabview/tabview-bottom-accessory-placement","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/90/variants/385?v=1793438761547&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/90/variants/385?v=1793438761547&r=2"}]} ```