MaterialTextField

KO | EN

gitlite — search

#react #javascript #redux #ios #webpack #redis #css #gulp #express #raspberry-pi #security #docker

MaterialTextField

★ 147 Open GitHub ↗

Material design UITextField with animated placeholder label and error message

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# MaterialTextField

A [Material Design](https://www.google.com/design/spec/components/text-fields.html#text-fields-single-line-text-field) inspired UITextField with animated placeholder label and error message.

![MaterialTextField gif](https://raw.githubusercontent.com/stephsharp/MaterialTextField/master/Screenshots/MaterialTextField.gif)

## Features

##### Floating placeholder label

- Animates on focus or on text input
- Supports attributed placeholder text with custom fonts
- Can be turned off to use the text field with the default UITextField placeholder

##### Underline

- Line height expands when editing
- Set colours for default, editing and error states

##### Error message

- Animated error message appears below the text field
- Long error messages wrap onto multiple lines

##### IBDesignable view

- Adjust the appearance of the text field in Interface Builder with inspectable properties

## Setup

### CocoaPods

To install via CocoaPods, add to your podfile:

pod 'MaterialTextField', '~> 1.0'

### Carthage

First, add this to your Cartfile:

github "stephsharp/MaterialTextField"

Then run `carthage update`.

The recommended way to integrate `MaterialTextField.framework` is as a workspace dependency:

1. If you don't yet have a workspace, go to the File menu in Xcode and select Save as Workspace...
2. At the bottom left of the project navigator, select the + and add `Carthage/Checkouts/MaterialTextField/MaterialTextField.xcodeproj`.
3. Add `MaterialTextField.framework` to your app's "Link Binary with Libraries" build phase.

## Acknowledgements

I found the following libraries to be useful resources:

- [MaterialKit](https://github.com/nghialv/MaterialKit)
- [JVFloatLabeledTextField](https://github.com/jverdi/JVFloatLabeledTextField)

## License

MaterialTextField is released under the MIT license. See LICENSE for details.

MaterialTextField

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README