UITextField subclass with floating labels - inspired by Matt D. Smith's design: http://dribbble.com/shots/1254439--GIF-Mobile-Form-Interaction?list=users
JVFloatLabeledTextFieldis the first implementation of a UX pattern that has come to be known the "Float Label Pattern".
Due to space constraints on mobile devices, it is common to rely solely on placeholders as a means to label fields. This presents a UX problem, in that, once the user begins to fill out a form, no labels are present.
This UI component library, which includes both a
UITextViewsubclass, aims to improve the user experience by having placeholders transition into floating labels that hover above the fields after they are populated with text.
The component is officially supported for iOS 9 and greater.
sudo gem install cocoapods
Podfilein your project directory:
Add the following to your
Then run CocoaPods with
JVFloatLabeledTextView.hin your project.
brew update brew install carthage
Cartfilein your project directory that contains:
Then run carthage with
carthage updateand add
JVFloatLabeledText.frameworkto your project from the
JVFloatLabeledText.hin your project: ```
Getting started via SPM (Xcode 11+) ============================
Add Package Dependency, enter JVFloatLabeledText repo's URL.
After select the package, you can choose the dependency type (tagged version, branch or commit). Then Xcode will setup all the stuff for you.
If you're a framework author and use JVFloatLabeledTextField as a dependency, update your
```swift let package = Package( dependencies: [ .package(url: "https://github.com/jverdi/JVFloatLabeledTextField", from: "1.2.2") ], )
Android - Henrik Sandström
Android - Kaushik Gopal
Android - Kevin Johnson
Xamarin.iOS - Greg Shackles
Xamarin.Android - Johan du Toit
CSS Jonathan Snook
JQuery / Zepto.js - Achmad Mahardi
JQuery - Mike Mitchell
AngularJS - Dave Ackerman
Bootstrap plugin - Matt Powell
JavaFX - Andy Till
Swift - Dirk Fabisch
Swift - Fahim Farook
Swift - Neeraj Kumar
Swift - Jimmy Jose
Swift - Skyscanner (Daniel Langh, Gergely Orosz, Raimon Lapuente)
ObjC - Arthur Ariel Sabintsev
ObjC - Rob Phillips
4D - Maurice Inzirillo
Appcelerator Titanium - The Smiths
B4i - Erel Uziel
Added a port? Let me know - @jverdi