DTTextField alternatives and similar libraries
Based on the "TextField" category.
Alternatively, view DTTextField alternatives based on common mentions on social networks and blogs.
-
StyledTextKit
Declarative building and fast rendering attributed string library. -
TextFieldCounter
UITextField character counter with lovable UX 💖. No math skills required 🙃. -
FloatingLabelTextFieldSwiftUI
Floating Label TextField for SwiftUI. FloatingLabelTextFieldSwiftUI -
PasswordTextField
A custom TextField with a switchable icon which shows or hides the password and enforce good password policies -
CHIOTPField
CHIOTPField is a set of textfields that can be used for One-time passwords, SMS codes, PIN codes, etc. Mady by @ChiliLabs - https://chililabs.io -
CBPinEntryView
A customisable view for entering arbitrary length pins, codes or passwords in iOS. Supports iOS 12 one time codes. -
iTextField ⌨️
Fully-wrapped UITextField made to work entirely in SwiftUI -
VKPinCodeView
VKPinCodeView is simple and elegant UI component for input PIN. You can easily customise appearance and get auto fill (OTP) iOS 12 feature right from the box.
Appwrite - The open-source backend cloud platform
* Code Quality Rankings and insights are calculated and provided by Lumnify.
They vary from L1 to L5 with "L5" being the highest.
Do you think we are missing an alternative of DTTextField or a related project?
README
DTTextField
Introduction
DTTextField is a UITextField library with floating placeholder and error label.
Floating placeholder inspired from JVFloatLabeledTextField :+1:.
Example
Clone the repo and run the example project from the Example directory.
Requirements
- Xcode 11.0+
- Swift 5.0+
Installation
DTTextField is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'DTTextField'
Usage
- Open a storyboard or Xib file.
- Drag and drop a
UITextField
to a ViewController. - In Identity Inspector, replace the class from
UITextField
toDTTextField
and the module toDTTextField
.
Properties
Property name | Type | Remark |
---|---|---|
errorMessage | String | Add your error message to this property |
errorFont | UIFont | Change font of error text |
paddingYErrorLabel | CGFloat | Error text top padding |
floatPlaceholderColor | UIColor | To change float placeholder color |
floatPlaceholderActiveColor | UIColor | To change float placeholder color while TextField is active(First responder) |
floatPlaceholderFont | UIFont | Change font of float placeholder |
paddingYFloatLabel | CGFloat | float placeholder top padding |
placeholderColor | UIColor | change placeholder color |
animateFloatPlaceholder | Bool | animate float placeholder label |
hideErrorWhenEditing | Bool | hide error label when typing |
floatingDisplayStatus | enum | maintain display status always, never, defaults |
Important Properties
Property name | Type | Remark |
---|---|---|
dtLayer | CALayer | If you want to formate DTTextField than use dtLayer property instead of layer (e.g. background color) |
borderColor | UIColor | Change border color of DTTextField |
canShowBorder | Bool | Toggle border of DTTextField |
dtborderStyle | enum | none, rounded , sqare , top , bottom , left , right |
Methods
Method Name | Remark |
---|---|
showError | to show error message |
hideError | to hide error message |
Note
Don't give height constraint to DTTextField otherwise it won't work properly.
TODO
- Add inbuilt validation
Author
Dhaval Thanki :sunglasses:
License
DTTextField
is available under the MIT license. See the LICENSE file for more info.
*Note that all licence references and agreements mentioned in the DTTextField README section above
are relevant to that project's source code only.