LMDFloatingLabelTextField

Demo

Demo #2

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

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

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

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

errorBorderColor - Border color on error. default is #FF0083

textFieldTextColor - Replaces textColor. default is #4A4A4A

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

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

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

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

Author

Tal Cohen, [email protected]

LEMONADE INC.

License

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