--- title: "Label Styles | Explore SwiftUI" description: "Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." canonical_url: "https://exploreswiftui.com/library/label/label-styles" meta: author: "Explore SwiftUI" "og:description": "Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Label%2BStyles%2Cdescription_Sets%2Bthe%2Bstyle%2Bfor%2Blabels%2Bwithin%2Bthis%2Bview.%2Ccategory_Label%2Cimage_~L2FwaS9pbWFnZXMvMTQ5L3ZhcmlhbnRzLzQ3Mj92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsL2xhYmVsLXN0eWxlcyI%2Cs_v2pdwRrnzX6-TuKR.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Label Styles | Explore SwiftUI" "twitter:description": "Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Label%2BStyles%2Cdescription_Sets%2Bthe%2Bstyle%2Bfor%2Blabels%2Bwithin%2Bthis%2Bview.%2Ccategory_Label%2Cimage_~L2FwaS9pbWFnZXMvMTQ5L3ZhcmlhbnRzLzQ3Mj92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_center%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgdG9wOiA3NXB4OyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkIHJnYmEoMCwwLDAsMC4wNik7IGJvcmRlci10b3AtbGVmdC1yYWRpdXM6IDMycHg7IGJvcmRlci1ib3R0b20tbGVmdC1yYWRpdXM6IDMycHg7%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsL2xhYmVsLXN0eWxlcyI%2Cs_v2pdwRrnzX6-TuKR.png" "twitter:title": "Label Styles | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=149) # **Label Styles** Sets the style for labels within this view. ![Label Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/149/variants/472?v=1790073478842&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 14.0+ iPadOS 14.0+ macOS 11.0+ watchOS 7.0+ tvOS 14.0+ visionOS 1.0+ ### **Tags** ### **SwiftUI Code** [ Docs]() ``` VStack { Label("Foo", systemImage: "water.waves") .labelStyle(.titleAndIcon) Label("Foo", systemImage: "water.waves") .labelStyle(.titleOnly) Label("Foo", systemImage: "water.waves") .labelStyle(.iconOnly) } ``` ### **Found an issue or have a suggestion?** Created: February 15, 2026Updated: February 15, 2026 ### **More Label Components ** [**View all **](https://exploreswiftui.com/library/label) ![Custom Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/148/variants/470?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Custom Label** Creates a label with a custom title and icon. ![Image Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/147/variants/464?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Image Label** Creates a label with an icon image and a title generated from a localized string. ![System Image Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/146/variants/488?v=1790073478842&r=2&w=412&q=75&f=webp) ### **System Image Label** Creates a label with a system icon image and a title generated from a localized string. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![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. ![Navigation Subtitle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/94/variants/289?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Navigation Subtitle** Configures the view’s subtitle for purposes of navigation, using a localized string ![Refreshable List - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/126/variants/359?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Refreshable List** Marks this view as refreshable. ![Min Max Current Value Gauge - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/40/variants/231?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Min Max Current Value Gauge** Creates a gauge showing a value within a range and describes the gauge’s current, minimum, and maximum values ![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. ![Compact List Section Spacing - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/114/variants/171?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Compact List Section Spacing** Compact spacing between sections ![ViewThatFits - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/5/variants/1?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ViewThatFits** A view that adapts to the available space by providing the first child view that fits. ![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. ```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/label/label-styles#webpage","@type":"WebPage","dateModified":"2026-02-15T11:02:14.878Z","datePublished":"2026-02-15T11:02:14.878Z","description":"Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Label Styles","url":"https://exploreswiftui.com/library/label/label-styles","breadcrumb":{"@id":"https://exploreswiftui.com/library/label/label-styles#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"mainEntity":{"@id":"https://exploreswiftui.com/library/label/label-styles#article"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/label/label-styles"]}],"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/label/label-styles#article","citation":"https://developer.apple.com/documentation/swiftui/view/labelstyle(_:)","dateModified":"2026-02-15T11:02:14.878Z","datePublished":"2026-02-15T11:02:14.878Z","description":"Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","headline":"Label Styles","inLanguage":"en-US","name":"Label Styles","thumbnailUrl":"https://exploreswiftui.com/api/images/149/variants/472?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/label/label-styles","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"hasPart":{"@id":"https://exploreswiftui.com/library/label/label-styles#source-code"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@id":"https://exploreswiftui.com/library/label/label-styles#webpage"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/label/label-styles#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/label/label-styles#source-code","@type":"SoftwareSourceCode","codeSampleType":"full example","description":"Sets the style for labels within this view. Learn how to use Label Styles in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Label Styles SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"VStack {\n Label(\"Foo\", systemImage: \"water.waves\")\n .labelStyle(.titleAndIcon)\n Label(\"Foo\", systemImage: \"water.waves\")\n .labelStyle(.titleOnly)\n Label(\"Foo\", systemImage: \"water.waves\")\n .labelStyle(.iconOnly)\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"Label"},{"@type":"Thing","name":"Label Styles"}]},{"@id":"https://exploreswiftui.com/library/label/label-styles#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"Label","item":"https://exploreswiftui.com/library/label","position":2},{"@type":"ListItem","name":"Label Styles","item":"https://exploreswiftui.com/library/label/label-styles","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/149/variants/472?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/149/variants/472?v=1790073478842&r=2"}]} ```