--- title: "Custom Labeled Content | Explore SwiftUI" description: "Creates a standard labeled element, with a view that conveys the value of the element and a label" canonical_url: "https://exploreswiftui.com/library/labeledcontent/custom-labeled-content" meta: author: "Explore SwiftUI" "og:description": "Creates a standard labeled element, with a view that conveys the value of the element and a label" "og:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Custom%2BLabeled%2BContent%2Cdescription_~Q3JlYXRlcyBhIHN0YW5kYXJkIGxhYmVsZWQgZWxlbWVudCwgd2l0aCBhIHZpZXcgdGhhdCBjb252ZXlzIHRoZSB2YWx1ZSBvZiB0aGUgZWxlbWVudCBhbmQgYSBsYWJlbC4%2Ccategory_LabeledContent%2Cimage_~L2FwaS9pbWFnZXMvMTUyL3ZhcmlhbnRzLzQ5ND92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsZWRjb250ZW50L2N1c3RvbS1sYWJlbGVkLWNvbnRlbnQi%2Cs_fe4Z8fmFftEL3h9u.png" "og:image:height": "630" "og:image:type": image/png "og:image:width": "1200" "og:title": "Custom Labeled Content | Explore SwiftUI" "twitter:description": "Creates a standard labeled element, with a view that conveys the value of the element and a label" "twitter:image": "https://exploreswiftui.com/_og/d/c_Component%2Ctitle_Custom%2BLabeled%2BContent%2Cdescription_~Q3JlYXRlcyBhIHN0YW5kYXJkIGxhYmVsZWQgZWxlbWVudCwgd2l0aCBhIHZpZXcgdGhhdCBjb252ZXlzIHRoZSB2YWx1ZSBvZiB0aGUgZWxlbWVudCBhbmQgYSBsYWJlbC4%2Ccategory_LabeledContent%2Cimage_~L2FwaS9pbWFnZXMvMTUyL3ZhcmlhbnRzLzQ5ND92PTE3OTAwNzM0Nzg4NDImcj0yJnc9MTI4MCZxPTg1JmY9anBlZw%2CimageMode_crop%2CimagePosition_top%2CimageFrame_~cG9zaXRpb246IGFic29sdXRlOyByaWdodDogMDsgd2lkdGg6IDY0MHB4OyBoZWlnaHQ6IDQ4MHB4OyBkaXNwbGF5OiBmbGV4OyBvdmVyZmxvdzogaGlkZGVuOyBiYWNrZ3JvdW5kOiAjRkZGRkZGOyBib3gtc2hhZG93OiAwIC0xMHB4IDUwcHggcmdiYSgzNyw5OSwyMzUsMC4xOCk7IGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm90dG9tOiAwOyBib3JkZXItdG9wOiAxcHggc29saWQgcmdiYSgwLDAsMCwwLjA2KTsgYm9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNzRweDs%2Cprops_eyJwbGF0Zm9ybXMiOlsiaU9TIiwiaVBhZE9TIiwibWFjT1MiLCJ3YXRjaE9TIiwidHZPUyIsInZpc2lvbk9TIl19%2Cp_Ii9saWJyYXJ5L2xhYmVsZWRjb250ZW50L2N1c3RvbS1sYWJlbGVkLWNvbnRlbnQi%2Cs_fe4Z8fmFftEL3h9u.png" "twitter:title": "Custom 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=152) # **Custom Labeled Content** Creates a standard labeled element, with a view that conveys the value of the element and a label. ![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=800&q=80&f=webp) ### **Platform Compatibility** iOS 16.0+ iPadOS 16.0+ macOS 13.0+ watchOS 9.0+ tvOS 16.0+ visionOS 1.0+ ### **Tags** ### **SwiftUI Code** [ Docs]() ``` List { LabeledContent { Button("bar", action: action) } label: { Label("Foo", systemImage: "star") Text("Sub") } } ``` ### **Found an issue or have a suggestion?** Created: February 15, 2026Updated: February 15, 2026 ### **More LabeledContent Components ** [**View all **](https://exploreswiftui.com/library/labeledcontent) ![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. ![Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/150/variants/492?v=1790073478842&r=2&w=412&q=75&f=webp) ### **Labeled Content** Creates a labeled informational view. ### **Explore Other Components ** [**Browse all **](https://exploreswiftui.com/) ![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 ![UIKit Fill Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/11/variants/43?v=1790073478842&r=2&w=412&q=75&f=webp) ### **UIKit Fill Colors** ![ProgressView Colors - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/81/variants/24?v=1790073478842&r=2&w=412&q=75&f=webp) ### **ProgressView Colors** Customizing the colors of the ProgressView ![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 Section Margins - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/115/variants/297?v=1790073478842&r=2&w=412&q=75&f=webp) ### **List Section Margins** Set the section margins for the specific edges. ![TabView - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/155/variants/690?v=1790418883969&r=2&w=412&q=75&f=webp) ### **TabView** Creates Tabs with title, image, systemImage and custom Label. ![List Row Spacing - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview](https://exploreswiftui.com/api/images/112/variants/31?v=1790073478842&r=2&w=412&q=75&f=webp) ### **List Row Spacing** Sets the vertical spacing between two adjacent rows in a List. ![MenuPickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview](https://exploreswiftui.com/api/images/180/variants/592?v=1790073478842&r=2&w=412&q=75&f=webp) ### **MenuPickerStyle** A picker style that presents the options as a menu when the user presses a button, or as a submenu when nested within a larger menu. ```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/custom-labeled-content#webpage","@type":"WebPage","dateModified":"2026-02-15T14:01:18.665Z","datePublished":"2026-02-15T13:14:23.342Z","description":"Creates a standard labeled element, with a view that conveys the value of the element and a label","name":"Custom Labeled Content","url":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content","breadcrumb":{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#breadcrumb"},"isPartOf":{"@id":"https://exploreswiftui.com/#website"},"mainEntity":{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#article"},"potentialAction":[{"@type":"ReadAction","target":["https://exploreswiftui.com/library/labeledcontent/custom-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/custom-labeled-content#article","citation":"https://developer.apple.com/documentation/swiftui/labeledcontent/init(content:label:)","dateModified":"2026-02-15T14:01:18.665Z","datePublished":"2026-02-15T13:14:23.342Z","description":"Creates a standard labeled element, with a view that conveys the value of the element and a label","headline":"Custom Labeled Content","inLanguage":"en-US","name":"Custom Labeled Content","thumbnailUrl":"https://exploreswiftui.com/api/images/152/variants/494?v=1790073478842&r=2","url":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content","@type":["Article","TechArticle"],"about":{"@type":"Thing","name":"SwiftUI"},"author":{"@id":"https://exploreswiftui.com/#identity"},"hasPart":{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#source-code"},"image":{"@id":"https://exploreswiftui.com/#/schema/image/1"},"isPartOf":{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#webpage"},"mainEntityOfPage":{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#webpage"},"publisher":{"@id":"https://exploreswiftui.com/#identity"}},{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-labeled-content#source-code","@type":"SoftwareSourceCode","codeSampleType":"full example","description":"Creates a standard labeled element, with a view that conveys the value of the element and a label","name":"Custom Labeled Content SwiftUI Example","programmingLanguage":"Swift","runtimePlatform":"SwiftUI","text":"List {\n LabeledContent {\n Button(\"bar\", action: action)\n } label: {\n Label(\"Foo\", systemImage: \"star\")\n Text(\"Sub\")\n }\n}","about":[{"@type":"Thing","name":"SwiftUI"},{"@type":"Thing","name":"LabeledContent"},{"@type":"Thing","name":"Custom Labeled Content"}]},{"@id":"https://exploreswiftui.com/library/labeledcontent/custom-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":"Custom Labeled Content","item":"https://exploreswiftui.com/library/labeledcontent/custom-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/152/variants/494?v=1790073478842&r=2","inLanguage":"en","url":"https://exploreswiftui.com/api/images/152/variants/494?v=1790073478842&r=2"}]} ```