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'
Click File
-> Add Packages...
, enter DTTextField repo's URL.
https://github.com/iDhaval/DTTextField
- 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
.
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 |
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.