Awesome
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
CocoaPods
DTTextField is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'DTTextField'
Swift Package Manager
Click File -> Add Packages..., enter DTTextField repo's URL.
https://github.com/iDhaval/DTTextField
Usage
- Open a storyboard or Xib file.
- Drag and drop a
UITextFieldto a ViewController. - In Identity Inspector, replace the class from
UITextFieldtoDTTextFieldand the module toDTTextField.
Properties
| Property name | Type | Remark |
|---|---|---|
| errorMessage | String | Add your error message to this property |
| errorFont | UIFont | Change font of error text |
| errorTextColor | UIColor | Change color 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.