Interactive previews iPhone

Label Styles

Sets the style for labels within this view.

Label Styles - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview

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
Custom Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

Custom Label

Creates a label with a custom title and icon.

Image Label - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
initializer

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
initializer

System Image Label

Creates a label with a system icon image and a title generated from a localized string.

Explore Other Components

Browse all
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

Context Menu - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Context Menu

Adds a context menu to a view.

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

RenameButton

A button that triggers a standard rename action

List Item Tint - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

List Item Tint

Sets a fixed tint color for content in a list.

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

DatePicker

Creates an instance that selects a Date with an unbounded range

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

LinearCapacityGaugeStyle

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

Edit Button - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
initializer

Edit Button

A button that toggles the edit mode environment value.

Menu Fixed Order - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Menu Fixed Order

Order items from top to bottom