CHIOTPField - SwiftGit

Textfield

CHIOTPField

December 2, 2023

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 ❤️ by Chili Labs.

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

🎨Storyboard

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

GitHub

View Github

#cocoapods #ios #swift #swiftpackagemanager #textfield #uitextfield

YOU MIGHT ALSO LIKE...

July 29, 2025
Swift Learning
SwiftUI

How to take action when a property changes

1. Taking Action When a Property Changes: Property Observers Swift lets you observe and respond to changes in a property’s ...

July 29, 2025
Swift Learning
SwiftUI

How to create your own structs? How to compute property values dynamically?

1. Creating Your Own Structs In Swift, a struct is a value type that you define with the struct keyword. ...

July 29, 2025
Swift Learning
SwiftUI

How to use trailing closures and shorthand syntax?

1. Trailing Closure Syntax When the last parameter to a function is a closure, you can write that closure after ...

July 29, 2025
Swift Learning
SwiftUI

How to create and use closures?

1. What Is a Closure (and Why Swift Loves Them) A closure in Swift is a self-contained block of functionality ...

July 29, 2025
Swift Learning
SwiftUI

How to provide default values for parameters How to handle errors in functions

1. Providing Default Values for Function Parameters (Deep Dive) 1.1 Syntax and Ordering Declaration You assign a default right in ...