CHIOTPField
CHIOTPField is a set of textfields that can be used for One-time passwords, SMS codes, PIN codes, etc. All fields support insertion of one-time codes from SMS.
Made with
Overview
Requirements
- iOS 10.0+
- Swift 5
Installation
Manually
Just add the Sources folder to your project.
CocoaPods
use CocoaPods with Podfile:
pod 'CHIOTPField', '~> 0.1'
# individual page control
pod 'CHIOTPField/One'
pod 'CHIOTPField/Two'
pod 'CHIOTPField/Three'
pod 'CHIOTPField/Four'
Swift Package Manager
dependencies: [
.package(url: "https://github.com/ChiliLabs/CHIOTPField.git", .upToNextMajor(from: "0.1"))
]
Usage
🎨
Storyboards
Just drop UITextField and set its class to be one of CHIOTPField. 
💻
Code
let field = CHIOTPFieldOne(frame: .init(x: 0, y: 0, width: 200, height: 60))
field.numberOfDigits = 4
field.cornerRadius = 4
Text Color
Just change the text color for textfield as you normaly do.
Caret color
Tint color is responsible for caret color. If you want to hide a caret, just set the color to clear.
OTP Fields
OTPFieldOne
var numberOfDigits: Int // number of boxes for digits
var spacing: Int // spacing between digits
var boxBackgroundColor: UIColor // background color of the box in normal state
var borderColor: UIColor // border color of the box in normal state
var cornerRadius: CGFloat // corner radius of the box
var activeShadowColor: UIColor? // shadow color of the box in active state
var activeShadowOpacity: CGFloat // shadow opacity of the box in active state
var boxPlaceholder: String? // placeholder text
var boxPlaceholderColor: UIColor? // placeholder text color
OTPFieldTwo
var numberOfDigits: Int // number of boxes for digits
var spacing: Int // spacing between digits
var cornerRadius: CGFloat // corner radius of the box
var boxBackgroundColor: UIColor // background color of the box in normal state
var activeBoxBackgroundColor: UIColor // background color of the box in active state
var filledBoxBackgroundColor: UIColor // background color of the box if a text is entered
var borderColor: UIColor // border color of the box in normal state
var activeBorderColor: UIColor? // border color of the box in active
var filledBorderColor: UIColor? // border color of the box if a text is entered
var boxPlaceholder: String? // placeholder text
var boxPlaceholderColor: UIColor? // placeholder text color
OTPFieldThree
var numberOfDigits: Int // number of boxes for digits
var spacing: Int // spacing between digits
var boxBackgroundColor: UIColor // background color of the box in normal state
var borderHeight: CGFloat / /bottom border height
var borderCornerRadius: CGFloat // bottom border radius
var dotRadius: CGFloat // dot radius when text is entered
OTPFieldFour
var numberOfDigits: Int // number of boxes for digits
var spacing: Int // spacing between digits
var boxBackgroundColor: UIColor // background color of the box in normal state
var borderHeight: CGFloat / /bottom border height
var borderColor: CGFloat // bottom border color
var cornerRadius: CGFloat // corner radius of the box
License
CHIOTPField is released under the MIT license. See LICENSE for details.
195 Nov 29, 2021
95 Nov 24, 2022
1.4k Nov 7, 2022
0 Jan 8, 2022
2 May 23, 2022
3.7k Dec 23, 2022
13 Oct 28, 2022
102 Oct 5, 2022
21 Aug 20, 2021
4 Dec 8, 2022
8 Nov 24, 2022
117 Sep 2, 2022
178 Sep 16, 2022
2.9k Dec 27, 2022
56 Dec 29, 2022
9 Sep 12, 2022
3.1k Dec 28, 2022
![[!] Unable to read the license file `LICENSE` for the spec `CHIOTPField (0.1.0)`](https://avatars.githubusercontent.com/u/55015602?v=4)
95 Nov 24, 2022
7 Aug 28, 2022
471 Nov 10, 2022
797 Dec 6, 2022
261 Jun 29, 2022
125 Jan 13, 2022
246 Jan 4, 2023
66 Jul 5, 2022
183 Dec 5, 2022
15 Nov 11, 2022