A TextEditor component with a placeholder

NoteField.swift

//
//  NoteField.swift
//
//  Created by Floyd Noel on 7/11/21.
//

import SwiftUI

struct NoteField: View {
    var label: String
    @Binding var contents: String
    
    var body: some View {
        ZStack {
            if (contents.trimmingCharacters(in: CharacterSet.whitespacesAndNewlines).isEmpty) {
                VStack {
                    HStack {
                        Text(label).opacity(0.25).padding(EdgeInsets(top: 8, leading: 0, bottom: 0, trailing: 0))
                        Spacer()
                    }
                    Spacer()
                }
            }
            TextEditor(text: $contents)
                .padding(EdgeInsets(top: 0, leading: -4, bottom: 0, trailing: 0))
                .frame(minWidth: 0, idealWidth: 100, maxWidth: .infinity, minHeight: 100, idealHeight: 200, maxHeight: .infinity, alignment: .center)
                .accessibilityLabel(label)
        }
    }
}

struct NoteField_Previews: PreviewProvider {
    @State static var contents: String = ""
    static var previews: some View {
        Form {
            NoteField(label: "Placeholder", contents: $contents)
        }.preferredColorScheme(.dark)
    }
}