--- title: "Toolbars Components | Explore SwiftUI" description: "Provide immediate access to frequently used commands and controls. Explore 9 SwiftUI toolbars components with visual code examples." canonical_url: "https://exploreswiftui.com/library/toolbars" meta: author: "Explore SwiftUI" "og:description": "Provide immediate access to frequently used commands and controls. Explore 9 SwiftUI toolbars components with visual code examples." "og:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Toolbars%2BComponents%2Cdescription_Explore%2B9%2BSwiftUI%2Bcomponents%2Bvisually%2Cp_Ii9saWJyYXJ5L3Rvb2xiYXJzIg%2Cs_fJcQStXAUYmOkb1a.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Toolbars Components | Explore SwiftUI" "twitter:description": "Provide immediate access to frequently used commands and controls. Explore 9 SwiftUI toolbars components with visual code examples." "twitter:image": "https://exploreswiftui.com/_og/d/c_Default%2Ctitle_Toolbars%2BComponents%2Cdescription_Explore%2B9%2BSwiftUI%2Bcomponents%2Bvisually%2Cp_Ii9saWJyYXJ5L3Rvb2xiYXJzIg%2Cs_fJcQStXAUYmOkb1a.png" "twitter:title": "Toolbars Components | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) # **Toolbars Components** Provide immediate access to frequently used commands and controls. 9 components ![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. ![ToolbarSpacer - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/82/variants/106?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ToolbarSpacer** A standard space item in toolbars ![Prefer Vertical Toolbar Items - iOS on iPhone Duo - Landscape - Closed - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/248/variants/1749?v=1790419867105&r=2&w=412&q=75&f=webp) ### **Prefer Vertical Toolbar Items** A compression behavior that prioritizes keeping toolbar items visible over other elements, such as tabs. By default, tabs are prioritized. ![Axis Behavior - iOS on iPhone Duo - Landscape - Closed - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/247/variants/1692?v=1790586402346&r=2&w=412&q=75&f=webp) ### **Axis Behavior** The bar axis behavior of the toolbar item. ![Toolbar Item Visibility Priority - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/238/variants/733?v=1792389091475&r=2&w=412&q=75&f=webp) ### **Toolbar Item Visibility Priority** Defines the visibility priority for a toolbar item. ![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 ![Pinned Toolbar Item Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/236/variants/527?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Pinned Toolbar Item Placement** A placement that pins the item to the trailing edge of the toolbar. ![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 ```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/toolbars#webpage","@type":"WebPage","description":"Provide immediate access to frequently used commands and controls. Explore 9 SwiftUI toolbars components with visual code examples.","name":"Toolbars Components","url":"https://exploreswiftui.com/library/toolbars","breadcrumb":{"@id":"https://exploreswiftui.com/library/toolbars#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/toolbars"]}],"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/toolbars#collectionpage","@type":"CollectionPage","description":"Provide immediate access to frequently used commands and controls. Explore 9 SwiftUI toolbars components with visual code examples.","inLanguage":"en-US","name":"Toolbars Components","url":"https://exploreswiftui.com/library/toolbars","about":{"@type":"Thing","name":"SwiftUI"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"}},{"@id":"https://exploreswiftui.com/library/toolbars#/schema/item-list/1","@type":"ItemList","name":"Toolbars Components","itemListElement":[{"@type":"ListItem","position":1,"name":"Toolbar Overflow Menu","url":"https://exploreswiftui.com/library/toolbars/toolbar-overflow-menu"},{"@type":"ListItem","position":2,"name":"ToolbarSpacer","url":"https://exploreswiftui.com/library/toolbars/toolbarspacer"},{"@type":"ListItem","position":3,"name":"Prefer Vertical Toolbar Items","url":"https://exploreswiftui.com/library/toolbars/prefer-vertical-toolbar-items"},{"@type":"ListItem","position":4,"name":"Axis Behavior","url":"https://exploreswiftui.com/library/toolbars/axis-behavior"},{"@type":"ListItem","position":5,"name":"Toolbar Item Visibility Priority","url":"https://exploreswiftui.com/library/toolbars/toolbar-item-visibility-priority"},{"@type":"ListItem","position":6,"name":"Remove Toolbar Item Margin","url":"https://exploreswiftui.com/library/toolbars/remove-toolbar-item-margin"},{"@type":"ListItem","position":7,"name":"ToolbarItem Shared Background Visibility","url":"https://exploreswiftui.com/library/toolbars/toolbaritem-shared-background-visibility"},{"@type":"ListItem","position":8,"name":"Pinned Toolbar Item Placement","url":"https://exploreswiftui.com/library/toolbars/pinned-toolbar-item-placement"},{"@type":"ListItem","position":9,"name":"Title Toolbar Item Placement","url":"https://exploreswiftui.com/library/toolbars/title-toolbar-item-placement"}]},{"@id":"https://exploreswiftui.com/library/toolbars#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Toolbars","item":"https://exploreswiftui.com/library/toolbars","position":2}]},{"@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"}]} ```