[SUI] LabeledContent

LabeledContent es un contenedor que adjunta una etiqueta a un control.

struct ContentView: View {
  @State private var selection: Int = 1
  @State private var stepperValue = 1

  var body: some View {
    NavigationView {
      Form {
        LabeledContent("Etiqueta visible") {
          HStack {
            Text("Tengo: \(stepperValue)")
            Stepper("Etiqueta oculta", value: $stepperValue, in: 0...10)
              .labelsHidden()
          }
        }
        Picker("Selected Value", selection: $selection) {
          Text("Option 1").tag(1)
          Text("Option 2").tag(2)
        }
      }
    }
  }
}

Etiqueta con vista personalizada

struct ContentView: View {
  @State private var selection: Int = 1
  @State private var stepperValue = 1

  var body: some View {
    NavigationView {
      Form {
        LabeledContent {
          HStack {
            Text("Tengo: \(stepperValue)")
            Stepper("Etiqueta oculta", value: $stepperValue, in: 0...10)
              .labelsHidden()
          }
        } label: {
          HStack {
            Image(systemName: "pencil")
            Text("Etiqueta visible")
          }
          Text("Subtitle")
        }
        Picker("Selected Value", selection: $selection) {
          Text("Option 1").tag(1)
          Text("Option 2").tag(2)
        }
      }
    }
  }
}