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)
    }
}