Swiftpack.co - Mahmoud-Qandeel/MhQnOTPField as Swift Package

Swiftpack.co is a collection of thousands of indexed Swift packages. Search packages.
See all packages published by Mahmoud-Qandeel.
Mahmoud-Qandeel/MhQnOTPField 0.2.0
MhQnOTPField is an OTP package working in swift language to help an iOS developers to working with the OTP messages
⭐️ 0
🕓 1 week ago
.package(url: "https://github.com/Mahmoud-Qandeel/MhQnOTPField.git", from: "0.2.0")

MhQnOTPField

MhQnOTPField 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.

MhQnOTPField is support the auto layout design, and solve this issue from other packages.

Modifide with ❤️ by Mahmoud Qandeel.

Overview

Requirements

  • iOS 10.0+
  • Swift 5

Installation

Manually

Just add the Sources folder to your project.

CocoaPods

use CocoaPods with Podfile:

pod 'MhQnOTPField', '~> 0.1'

# individual page control
pod 'MhQnOTPField/One'
pod 'MhQnOTPField/Two'
pod 'MhQnOTPField/Three'
pod 'MhQnOTPField/Four'

Swift Package Manager

dependencies: [
    .package(url: "https://github.com/Mahmoud-Qandeel/MhQnOTPField", .upToNextMajor(from: "0.1"))
]

Usage

🎨 Storyboards

Just drop UITextField and set its class to be one of MhQnOTPField.

💻 Code

let field = MhQnOTPFieldOne(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

MhQnOTPField is released under the MIT license. See LICENSE for details.

GitHub

link
Stars: 0
Last commit: 1 week ago
jonrohan Something's broken? Yell at me @ptrpavlik. Praise and feedback (and money) is also welcome.

Swiftpack is being maintained by Petr Pavlik | @ptrpavlik | @swiftpackco | API | Analytics