LMDFloatingLabelTextField
LMDFloatingLabelTextField copied to clipboard
Customisable iOS TextField with floating placeholder
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 toLMDFloatingLabelTextField
-
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.