--- title: "Labeled Content | Explore SwiftUI" description: "Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." canonical_url: "https://exploreswiftui.com/library/labeledcontent/labeled-content" meta: author: "Explore SwiftUI" "og:description": "Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Labeled%2BContent%2Cdescription_Creates%2Ba%2Blabeled%2Binformational%2Bview.%2Ccategory_LabeledContent%2Cimage_~L2FwaS9pbWFnZXMvMTUwL3ZhcmlhbnRzLzQ5Mj92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsZWRjb250ZW50L2xhYmVsZWQtY29udGVudCI%2Cs_Bkb8kYBIXxa1N5et.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Labeled Content | Explore SwiftUI" "twitter:description": "Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS." "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Labeled%2BContent%2Cdescription_Creates%2Ba%2Blabeled%2Binformational%2Bview.%2Ccategory_LabeledContent%2Cimage_~L2FwaS9pbWFnZXMvMTUwL3ZhcmlhbnRzLzQ5Mj92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsZWRjb250ZW50L2xhYmVsZWQtY29udGVudCI%2Cs_Bkb8kYBIXxa1N5et.png" "twitter:title": "Labeled Content | Explore SwiftUI" --- > Index of every page on this site: [llms.txt](https://exploreswiftui.com/llms.txt) **Interactive previews**[ iPhone](https://exploreswiftui.com/iphone?element=150) # **Labeled Content** Creates a labeled informational view. ![Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/150/variants/492?v=1790073478842&r=2&w=800&q=80&f=webp) ### **Platform Compatibility** iOS 16.0+ iPadOS 16.0+ macOS 13.0+ watchOS 9.0+ tvOS 13.0+ visionOS 1.0+ ### **Tags** ### **SwiftUI Code** [ Docs]() ``` List { LabeledContent("Foo", value: "Bar") } ``` ### **Found an issue or have a suggestion?** Created: February 15, 2026Updated: February 15, 2026 ### **More LabeledContent Components ** [**View all **](https://exploreswiftui.com/library/labeledcontent) ![Custom Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/152/variants/494?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Custom Labeled Content** Creates a standard labeled element, with a view that conveys the value of the element and a label. ![Formatted Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/151/variants/490?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Formatted Labeled Content** Creates a labeled informational view from a formatted value. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![Message Error Alert - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/199/variants/502?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Message Error Alert** Presents an alert with a message when an error is present. ![Fitted Sheet Sizing - iPadOS - Landscape - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/143/variants/474?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Fitted Sheet Sizing** Sets the sizing of the containing presentation. This does not have any effect on smaller devices like iPhone and Apple Watch. On macOS, fitted is the default. ![Custom Phases Async URL Image - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/193/variants/215?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Custom Phases Async URL Image** Loads and displays a modifiable image from the specified URL load request in phases. ![Sheet Background Interaction - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/140/variants/434?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Sheet Background Interaction** Controls whether people can interact with the view behind a presentation. ![ContainerRelativeShape - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/98/variants/318?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ContainerRelativeShape** A shape that is replaced by an inset version of the current container shape. If no container shape was defined, is replaced by a rectangle ![Subscription Store View - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/225/variants/531?v=1792441754239&r=2&w=412&q=75&f=webp) ### **Subscription Store View** Creates a view that loads subscriptions based on a collection of product identifiers, and merchandises them with automatic marketing content. ![Label Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/149/variants/472?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Label Styles** Sets the style for labels within this view. ![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=412&q=75&f=webp) ### **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 ```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/labeledcontent/labeled-content#webpage","@type":"WebPage","dateModified":"2026-02-15T14:01:41.550Z","datePublished":"2026-02-15T13:09:31.936Z","description":"Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Labeled Content","url":"https://exploreswiftui.com/library/labeledcontent/labeled-content","breadcrumb":{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"mainEntity":{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#article"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/labeledcontent/labeled-content"]}],"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/labeledcontent/labeled-content#article","citation":"https://developer.apple.com/documentation/swiftui/labeledcontent/init(_:value:)","dateModified":"2026-02-15T14:01:41.550Z","datePublished":"2026-02-15T13:09:31.936Z","description":"Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","headline":"Labeled Content","inLanguage":"en-US","name":"Labeled Content","thumbnailUrl":"https://exploreswiftui.com/api/images/150/variants/492?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/labeledcontent/labeled-content","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"hasPart":{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#source-code"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#webpage"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#source-code","@type":"SoftwareSourceCode","codeSampleType":"full example","description":"Creates a labeled informational view. Learn how to use Labeled Content in SwiftUI with visual code examples for iOS, macOS, watchOS, tvOS, and visionOS.","name":"Labeled Content SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"List {\n LabeledContent(\"Foo\", value: \"Bar\")\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"LabeledContent"},{"@type":"Thing","name":"Labeled Content"}]},{"@id":"https://exploreswiftui.com/library/labeledcontent/labeled-content#breadcrumb","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","name":"Home","item":"https://exploreswiftui.com","position":1},{"@type":"ListItem","name":"LabeledContent","item":"https://exploreswiftui.com/library/labeledcontent","position":2},{"@type":"ListItem","name":"Labeled Content","item":"https://exploreswiftui.com/library/labeledcontent/labeled-content","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/150/variants/492?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/150/variants/492?v=1790073478842&r=2"}]} ```