Latest 0.8
Homepage https://github.com/lemonade-hq/LMDFloatingLabelTextField
License MIT
Platforms ios 8.2
Authors

CI Status
Version
License
Platform

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
    alt text

  • Click Attributes Inspector alt text
    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, [email protected]

LEMONADE INC.

License

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

Latest podspec

{
    "name": "LMDFloatingLabelTextField",
    "version": "0.8",
    "summary": "Simple TextField with a floating placeholder.",
    "description": "LMDFloatingLabelTextField is a simple, clean TextField with a floating placeholder.",
    "homepage": "https://github.com/lemonade-hq/LMDFloatingLabelTextField",
    "license": {
        "type": "MIT",
        "file": "LICENSE"
    },
    "authors": {
        "talthent": "[email protected]"
    },
    "source": {
        "git": "https://github.com/lemonade-hq/LMDFloatingLabelTextField.git",
        "branch": "0.8",
        "tag": "0.8"
    },
    "platforms": {
        "ios": "8.2"
    },
    "source_files": "LMDFloatingLabelTextField/*",
    "pushed_with_swift_version": "4.0"
}

Pin It on Pinterest

Share This