CodeInputField

An input field allowing the user to enter digits

Usage

// Obfuscated input field that shows a 🔒 instead of the actual digits
let secureInputField = CodeInputField(segments: (0..<4).map { _ in
    let segment = CodeInputField.DefaultSegment(inputOverride: "🔒")
    segment.tintColor = .purple
    segment.inputColor = .white
    segment.backgroundColor = segment.tintColor?.withAlphaComponent(0.3)
    segment.nonEmptyBackgroundColor = .purple
    return segment
}, shouldClearInputWhenBecomingFirstResponder: true)

// Generic code input field with custom radius & font
let codeInputField = CodeInputField(segments: (0..<6).map { _ in
    let segment = CodeInputField.DefaultSegment()
    segment.cornerRadius = 8
    segment.inputFont = .monospacedDigitSystemFont(ofSize: 20, weight: .black)
    return segment
})

Author

Alex Guretzki, https://goergisn.de

License

CodeInputField is available under the MIT license. See the LICENSE file for more info.