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
EllipticalListStyle - watchOS - Flat Design - Light Mode - Preview
style

EllipticalListStyle

The list style that describes the behavior and appearance of an elliptical list.

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

Picker

Creates a pickers with title, image, systemImage, and custom label.

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

AccessoryCircularGaugeStyle

A gauge style that displays an open ring with a marker that appears at a point along the ring to indicate the gauge’s current value

Reserved Regions - iOS on iPhone Duo - Landscape - Partially Open - Liquid Glass - Light Mode - Preview
method

Reserved Regions

Returns the reserved regions for the given kind. A reserved region indicates that an area within a view’s coordinate space has been claimed by something the view does not own

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

Toolbar Overflow Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Toolbar Overflow Menu

The overflow menu of a toolbar. An overflow menu represents actions that are always placed in the toolbar’s overflow menu, regardless of the toolbar mode, platform, or customizability.

Disable Sheet Dismiss Swipe - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Disable Sheet Dismiss Swipe

Conditionally prevents interactive dismissal of presentations like popovers, sheets, and inspectors. Dragging the sheet is still possible to a limited extent, as shown in the screenshot, but it will never be dismissed.

TabView Bottom Accessory Placement - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

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