LMDFloatingLabelTextField

Demo

alt text

Demo #2

alt text

Example

To run the example project, clone the repo, and run pod install from the Example directory first.

Installation

Cocoapods

Install Cocoapods

$ gem install cocoapods

Add LMDFloatingLabelTextField in your Podfile.

use_frameworks!
pod 'LMDFloatingLabelTextField'

Install the pod

$ pod install

Manually

Copy LMDFloatingLabelTextField folder to your project. Enjoy.

Usage

Interface Builder

Drag a UITextField to you view, and change its class to LMDFloatingLabelTextField
Click Attributes Inspector
and notice the new Progress Bar section on top

alt text

Code

Create a new LMDFloatingLabelTextField

let textfield = LMDFloatingLabelTextField(frame: CGRect(x: 0,
                                            y: 0,
                                            width: 200,
                                            height: 48))

Set the values as you like

textfield.placeholderText = "Email"
textfield.borderColor = .yellow
textfield.errorBorderColor = .cyan
textfield.themeColor = .red

Add LMDFloatingLabelTextField to the view
```
self.view.addSubview(textfield)
```

That’s it!

Customizable Properties

placeholderText - Please make sure you put something here. it will look awful without it.

placeholderFont - Default is system(14).

placeholderSizeFactor - While editing, placeholder will shrink according to this number. deafult is 0.7.

placeholderTextColor - Default is - #B7B7B7 #B7B7B7

themeColor - Replaces tintColor. Carret color. default is #FF0083 #FF0083

borderColor - Border color while editing. default is #4a4a4a #4a4a4a

errorBorderColor - Border color on error. default is #FF0083 #FF0083

textFieldTextColor - Replaces textColor. default is #4A4A4A #4A4A4A

disabledTextColor - TextColor when textfield is disabled. default is #B7B7B7 #B7B7B7

disabledBackgroundColor - Background color when textfield is disabled. default is #f7f7f7 #f7f7f7

enabledBackgroundColor - Background color when textfield is not disabled. default is #FFFFFF #FFFFFF

error - Will change border color to errorBorderColor regardless of whether the textField is focused or not.

Author

Tal Cohen, talthent@gmail.com

LEMONADE INC.

License

LMDFloatingLabelTextField is available under the MIT license. See the LICENSE file for more info.