Interactive previews iPhone

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

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
Formatted Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Formatted Labeled Content

Creates a labeled informational view from a formatted value.

Labeled Content - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Labeled Content

Creates a labeled informational view.

Explore Other Components

Browse all
Tab View Side Bar Header - iPadOS - Landscape - Liquid Glass - Light Mode - Preview
modifier

Tab View Side Bar Header

Adds a custom header to the sidebar of a tab view.

Default Min List Header Height - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Default Min List Header Height

The default minimum height of a header in a list.

Multiple Sources Picker - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Multiple Sources Picker

Creates a picker that updates the selected property for all sources.

RenameButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
TextField

RenameButton

A button that triggers a standard rename action

Button Sizing - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Button Sizing

The preferred sizing behavior of buttons in the view hierarchy.

AccessoryLinearCapacityGaugeStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

AccessoryLinearCapacityGaugeStyle

A gauge style that displays bar that fills from leading to trailing edges as the gauge’s current value increases

SegmentedPickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

SegmentedPickerStyle

A picker style that presents the options in a segmented control. Use this style when there are two to five options. Consider using menu when there are more than five options.

EditButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
type

EditButton

A button that toggles the edit mode environment value