--- title: "Menu Divider | Explore SwiftUI" description: "A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." canonical_url: "https://exploreswiftui.com/library/menu/menu-divider" meta: author: "Explore SwiftUI" "og:description": "A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Menu%2BDivider%2Cdescription_A%2BMenu%2Bwith%2Ba%2BDivider%2Ccategory_Menu%2Cimage_~L2FwaS9pbWFnZXMvMjAvdmFyaWFudHMvMTI4P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L21lbnUvbWVudS1kaXZpZGVyIg%2Cs_tPvdx9eyuVD20xhu.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Menu Divider | Explore SwiftUI" "twitter:description": "A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Menu%2BDivider%2Cdescription_A%2BMenu%2Bwith%2Ba%2BDivider%2Ccategory_Menu%2Cimage_~L2FwaS9pbWFnZXMvMjAvdmFyaWFudHMvMTI4P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L21lbnUvbWVudS1kaXZpZGVyIg%2Cs_tPvdx9eyuVD20xhu.png" "twitter:title": "Menu Divider | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=20) # **Menu Divider** A Menu with a Divider ![Menu Divider - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/20/variants/128?v=1790073478842&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 13.0+ iPadOS 13.0+ macOS 10.15+ watchOS 6.0+ tvOS 13.0+ visionOS 1.0+ ### **Tags** ### **SwiftUI Code** [ Docs](https://developer.apple.com/documentation/swiftui/divider) ``` Menu { Button("Button 1", action: action) Divider() Button("Button 2", systemImage: "button.vertical.left.press", action: action) Button(action: action) { Text("Button 3") Text("Description 3") } } label: { Text("Buttons") } ``` ### **Found an issue or have a suggestion?** Created: May 30, 2025Updated: December 27, 2025 ![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 Menu Components ** [**View all **](https://exploreswiftui.com/library/menu) ![Context Menu Preview - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/25/variants/159?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Context Menu Preview** A context menu with custom preview ![Menu Action Button - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/23/variants/141?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Menu Action Button** Acts like a button and opens the menu on a secondary gesture ![Context Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/22/variants/147?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Context Menu** Adds a context menu to a view. ![Nested Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/21/variants/151?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Nested Menu** A Menu inside a Menu ![Menu Section - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/19/variants/416?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Menu Section** A Section inside a Menu ![Menu Fixed Order - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/18/variants/132?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Menu Fixed Order** Order items from top to bottom ![Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/17/variants/122?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Menu** A control for presenting a menu of actions. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Button Roles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/33/variants/718?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Button Roles** A value that describes the purpose of a button. ![Toolbar Title Alignment - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/258/variants/2111?v=1793542963212&r=2&w=412&q=75&f=webp) ### **Toolbar Title Alignment** Sets the preferred alignment of the navigation bar’s title. The navigation bar resolves the alignment of its title automatically based on context, and toolbar roles. Use this modifier to override that resolution. ![AccessoryCircularGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/41/variants/219?v=1790073478842&r=2&w=412&q=75&f=webp) ### **AccessoryCircularGaugeStyle** A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value ![Vertical Divider - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/70/variants/61?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Vertical Divider** A vertical visual element that can be used to separate other content ![LinearProgressViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/79/variants/103?v=1790073478842&r=2&w=412&q=75&f=webp) ### **LinearProgressViewStyle** A progress view that visually indicates its progress using a horizontal bar ![GroupBox With Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/28/variants/195?v=1790073478842&r=2&w=412&q=75&f=webp) ### **GroupBox With Label** A GroupBox with Label ![CarouselListStyle - watchOS - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/102/variants/328?v=1790073478842&r=2&w=412&q=75&f=webp) ### **CarouselListStyle** The carousel list style. ![List Row Separator Tint - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/117/variants/291?v=1790073478842&r=2&w=412&q=75&f=webp) ### **List Row Separator Tint** Sets the tint color associated with a row. ```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/menu/menu-divider#webpage","@type":"WebPage","dateModified":"2025-12-27T16:54:43.804Z","datePublished":"2025-05-30T06:18:43.330Z","description":"A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Menu Divider","url":"https://exploreswiftui.com/library/menu/menu-divider","breadcrumb":{"@id":"https://exploreswiftui.com/library/menu/menu-divider#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/menu/menu-divider"]}],"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/menu/menu-divider#article","dateModified":"2025-12-27T16:54:43.804Z","datePublished":"2025-05-30T06:18:43.330Z","description":"A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","headline":"Menu Divider","inLanguage":"en-US","name":"Menu Divider","thumbnailUrl":"https://exploreswiftui.com/api/images/20/variants/128?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/menu/menu-divider","@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/menu/menu-divider#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/menu/menu-divider#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/divider","codeSampleType":"full example","description":"A Menu with a Divider. Learn how to use Menu Divider in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Menu Divider SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"Menu {\n Button(\"Button 1\", action: action)\n Divider()\n Button(\"Button 2\", systemImage: \"button.vertical.left.press\", action: action)\n Button(action: action) {\n Text(\"Button 3\")\n Text(\"Description 3\")\n }\n} label: {\n Text(\"Buttons\")\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"Menu"},{"@type":"Thing","name":"Menu Divider"}]},{"@id":"https://exploreswiftui.com/library/menu/menu-divider#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Menu","item":"https://exploreswiftui.com/library/menu","position":2},{"@type":"ListItem","name":"Menu Divider","item":"https://exploreswiftui.com/library/menu/menu-divider","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/20/variants/128?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/20/variants/128?v=1790073478842&r=2"}]} ```