MaterialTextField - GitLite

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #llm #docker #java #awesome #cli #kubernetes #pytorch #ios #mcp #open-source

MaterialTextField

(★ 147)

Material design UITextField with animated placeholder label and error message

File Explorer

Download Latest Version (.zip)

- Info.plist
- MaterialTextField.h
- MFTextField.h
- MFTextField.m
- UIColor+MaterialTextField.h
- UIColor+MaterialTextField.m
- UIFont+MaterialTextField.h
- UIFont+MaterialTextField.m
- UIImage+MFTint.h
- UIImage+MFTint.m
- UITextField+MFClearButton.h
- UITextField+MFClearButton.m
- project.pbxproj
- - IDEWorkspaceChecks.plist
  - WorkspaceSettings.xcsettings
- contents.xcworkspacedata
- - AppDelegate.h
  - AppDelegate.m
  - Info.plist
  - main.m
  - MaterialTextFieldDemoViewController.h
  - MaterialTextFieldDemoViewController.m
- - project.pbxproj
- Info.plist
- MaterialTextFieldTests.m
- MaterialTextField.gif
- materialtextfield.png
.gitignore
LICENSE
MaterialTextField.podspec
README.md

// 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.