https://github.com/lemonade-hq/lmdfloatinglabeltextfield
Customisable iOS TextField with floating placeholder
https://github.com/lemonade-hq/lmdfloatinglabeltextfield
component ios lemonade textfield
Last synced: 8 months ago
JSON representation
Customisable iOS TextField with floating placeholder
- Host: GitHub
- URL: https://github.com/lemonade-hq/lmdfloatinglabeltextfield
- Owner: lemonade-hq
- License: mit
- Created: 2018-01-09T09:23:38.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-08-27T10:33:43.000Z (almost 8 years ago)
- Last Synced: 2025-10-23T10:51:38.781Z (8 months ago)
- Topics: component, ios, lemonade, textfield
- Language: Swift
- Size: 6.66 MB
- Stars: 26
- Watchers: 4
- Forks: 8
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# LMDFloatingLabelTextField
[](https://travis-ci.org/talthent-l/LMDFloatingLabelTextField)
[](http://cocoapods.org/pods/LMDFloatingLabelTextField)
[](http://cocoapods.org/pods/LMDFloatingLabelTextField)
[](http://cocoapods.org/pods/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
```bash
$ gem install cocoapods
```
Add `LMDFloatingLabelTextField` in your `Podfile`.
```ruby
use_frameworks!
pod 'LMDFloatingLabelTextField'
```
Install the pod
```bash
$ 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`
```swift
let textfield = LMDFloatingLabelTextField(frame: CGRect(x: 0,
y: 0,
width: 200,
height: 48))
```
- Set the values as you like
```swift
textfield.placeholderText = "Email"
textfield.borderColor = .yellow
textfield.errorBorderColor = .cyan
textfield.themeColor = .red
```
- Add `LMDFloatingLabelTextField` to the view
```swift
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, talthent@gmail.com
LEMONADE INC.
## License
LMDFloatingLabelTextField is available under the MIT license. See the LICENSE file for more info.