DTTextField is a UITextField library with floating placeholder and error label.
Floating placeholder inspired from JVFloatLabeledTextField 👍.
Clone the repo and run the example project from the Example directory.
- Xcode 11.0+
- Swift 5.0+
DTTextField is available through CocoaPods. To install it, simply add the following line to your Podfile:
pod 'DTTextField'- Open a storyboard or Xib file.
- Drag and drop a
UITextFieldto a ViewController. - In Identity Inspector, replace the class from
UITextFieldtoDTTextFieldand the module toDTTextField.
| 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 |
| 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 |
| Method Name | Remark |
|---|---|
| showError | to show error message |
| hideError | to hide error message |
Don't give height constraint to DTTextField otherwise it won't work properly.
- Add inbuilt validation
Dhaval Thanki 😎
DTTextField is available under the MIT license. See the LICENSE file for more info.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent