--- title: "Navigation Subtitle | Explore SwiftUI" description: "Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples." canonical_url: "https://exploreswiftui.com/library/navigation/navigation-subtitle" meta: author: "Explore SwiftUI" "og:description": "Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples." "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Navigation%2BSubtitle%2Cdescription_~Q29uZmlndXJlcyB0aGUgdmlld-KAmXMgc3VidGl0bGUgZm9yIHB1cnBvc2VzIG9mIG5hdmlnYXRpb24sIHVzaW5nIGEgbG9jYWxpemVkIHN0cmluZw%2Ccategory_Navigation%2Cimage_~L2FwaS9pbWFnZXMvOTQvdmFyaWFudHMvMjg5P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiXX0%2Cp_Ii9saWJyYXJ5L25hdmlnYXRpb24vbmF2aWdhdGlvbi1zdWJ0aXRsZSI%2Cs_IcX6IE6EqcdPSOG5.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Navigation Subtitle | Explore SwiftUI" "twitter:description": "Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples." "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Navigation%2BSubtitle%2Cdescription_~Q29uZmlndXJlcyB0aGUgdmlld-KAmXMgc3VidGl0bGUgZm9yIHB1cnBvc2VzIG9mIG5hdmlnYXRpb24sIHVzaW5nIGEgbG9jYWxpemVkIHN0cmluZw%2Ccategory_Navigation%2Cimage_~L2FwaS9pbWFnZXMvOTQvdmFyaWFudHMvMjg5P3Y9MTc5MDA3MzQ3ODg0MiZyPTImdz0xMjgwJnE9ODUmZj1qcGVn%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiXX0%2Cp_Ii9saWJyYXJ5L25hdmlnYXRpb24vbmF2aWdhdGlvbi1zdWJ0aXRsZSI%2Cs_IcX6IE6EqcdPSOG5.png" "twitter:title": "Navigation Subtitle | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=94) # **Navigation Subtitle** Configures the view’s subtitle for purposes of navigation, using a localized string ![Navigation Subtitle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/94/variants/289?v=1790073478842&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 26.0+ iPadOS 26.0+ macOS 11.0+ ### **Tags** ### **SwiftUI Code** [ Docs]() ``` NavigationStack { Text("Foo") .navigationTitle("Foo") .navigationSubtitle("Bar") } ``` ### **Found an issue or have a suggestion?** Created: June 10, 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 Navigation Components ** [**View all **](https://exploreswiftui.com/library/navigation) ![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. ![Preferred Top Column - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/256/variants/1967?v=1791379474964&r=2&w=412&q=75&f=webp) ### **Preferred Top Column** Controls which column appears on top of the stack when NavigationSplitView collapses into a single stack in certain contexts, such as on iPhone, when iPhone Duo is closed, or on Apple Watch. By default, the sidebar appears on top. In this case, the detail column does instead. ![Hide Sidebar Toggle - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/255/variants/1925?v=1791377398818&r=2&w=412&q=75&f=webp) ### **Hide Sidebar Toggle** Removes the sidebar toggle toolbar item a NavigationSplitView adds by default. ![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. ![NavigationSplitView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/241/variants/1983?v=1791379705544&r=2&w=412&q=75&f=webp) ### **NavigationSplitView** Creates a two-column navigation split view. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Hard ScrollEdgeEffect - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/83/variants/320?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Hard ScrollEdgeEffect** A scroll edge effect with a hard cutoff and dividing line ![Divider Color - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/71/variants/110?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Divider Color** Customizing the color of the Divider ![GroupBox - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/27/variants/199?v=1790073478842&r=2&w=412&q=75&f=webp) ### **GroupBox** A simple GroupBox ![Sheet Placement - iOS on iPhone Duo - Landscape - Fully Open - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/231/variants/1889?v=1790591163840&r=2&w=412&q=75&f=webp) ### **Sheet Placement** Sets the placement of a presentation within the presenting view. This may fall back to center on small screens. ![Store Cancellation Button - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/218/variants/134?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Store Cancellation Button** A type of button that people use to dismiss the current store presentation. It is displayed by default and only works in a sheet. ![TabsPickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/233/variants/182?v=1790073478842&r=2&w=412&q=75&f=webp) ### **TabsPickerStyle** A picker style that presents options as segmented tabs. On macOS, this style produces a segmented picker with a visual treatment that distinguishes tab navigation from value selection. On iOS, tvOS, and visionOS, the visual appearance matches that of the standard standard .segmented style. On all supported platforms, VoiceOver announces options as tabs. ![Divider Height - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/72/variants/167?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Divider Height** Customizing the height of the Divider ![CheckboxToggleStyle - macOS - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/212/variants/622?v=1790073478842&r=2&w=412&q=75&f=webp) ### **CheckboxToggleStyle** A toggle style that displays a checkbox followed by its label. ```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/navigation/navigation-subtitle#webpage","@type":"WebPage","dateModified":"2025-12-27T10:05:08.291Z","datePublished":"2025-06-10T14:08:40.746Z","description":"Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples.","name":"Navigation Subtitle","url":"https://exploreswiftui.com/library/navigation/navigation-subtitle","breadcrumb":{"@id":"https://exploreswiftui.com/library/navigation/navigation-subtitle#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/navigation/navigation-subtitle"]}],"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/navigation/navigation-subtitle#article","dateModified":"2025-12-27T10:05:08.291Z","datePublished":"2025-06-10T14:08:40.746Z","description":"Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples.","headline":"Navigation Subtitle","inLanguage":"en-US","name":"Navigation Subtitle","thumbnailUrl":"https://exploreswiftui.com/api/images/94/variants/289?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/navigation/navigation-subtitle","@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/navigation/navigation-subtitle#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/navigation/navigation-subtitle#/schema/software-source-code/1","@type":"SoftwareSourceCode","codeRepository":"https://developer.apple.com/documentation/swiftui/view/navigationsubtitle(_:)","codeSampleType":"full example","description":"Configures the view’s subtitle for purposes of navigation, using a localized string. Learn how to use Navigation Subtitle in SwiftUI with visual code examples.","name":"Navigation Subtitle SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":" NavigationStack {\n Text(\"Foo\")\n .navigationTitle(\"Foo\")\n .navigationSubtitle(\"Bar\")\n \n }\n","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"Navigation"},{"@type":"Thing","name":"Navigation Subtitle"}]},{"@id":"https://exploreswiftui.com/library/navigation/navigation-subtitle#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Navigation","item":"https://exploreswiftui.com/library/navigation","position":2},{"@type":"ListItem","name":"Navigation Subtitle","item":"https://exploreswiftui.com/library/navigation/navigation-subtitle","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/94/variants/289?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/94/variants/289?v=1790073478842&r=2"}]} ```