Gavin Wiggins

About   Notes   Photos

---

LabeledContent

Written on November 13, 2022

The LabeledContent view is comprised of a label and content. Usually, it displays the label on the leading edge and the content on the trailing edge. This is similar to using an HStack containing two views.

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Below are labeled content examples.")

            LabeledContent("Favorites") {
                Image(systemName: "star.fill")
            }

            LabeledContent("Wireless") {
                Image(systemName: "wifi")
            }
        }
        .frame(width: 300, height: 200)
    }
}