Inputs & Text EditorsFree ComponentiOS 16.0+Xcode 15+

Text Editor Simple

Clean multi-line TextEditor with standard border styling.

Download in Compot App Browse all Inputs & Text Editors

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies

textEditorSimple.swift

import SwiftUI

struct TextEditorSimple: View {
    
    @State private var text: String = ""
    @FocusState private var focusText: Bool
    
    var body: some View {
        VStack(alignment: .leading, spacing: 4) {
            Text("Text Editor")
                .font(.callout)
                .foregroundStyle(.secondary)
                .font(.system(size: 15, weight: .regular, design: .default))
            TextEditor(text: $text)
                .focused($focusText)
                .autocorrectionDisabled()
                .textSelection(.enabled)
                .padding(.horizontal, 8)
                .padding(.vertical, 4)
                .foregroundStyle(.primary)
                .font(.system(size: 15, weight: .regular, design: .default))
                .lineSpacing(2)
                .overlay(RoundedRectangle(cornerRadius: 8).stroke(Color(uiColor: .tertiarySystemFill), lineWidth: 1.5))
        }
        .padding()
        .frame(maxWidth: .infinity, maxHeight: 150)
        .toolbar {
            ToolbarItemGroup(placement: .keyboard) {
                Spacer()
                Button("Hide keyboard") {
                    focusText = false
                }
            }
        }
    }
}

#Preview {
    TextEditorSimple()
}