Open Sourcing SkyFloatingLabelTextFieldPosted on by Gergely Orosz
Today we are announcing the open sourcing of SkyFloatingLabelTextField (see the GitHub repo here). This component is a beautiful, flexible and customizable implementation of the space saving “Float Label Pattern”.
We use this UI component extensively in the Skyscanner TravelPro application. When searching for flights in this app, here is how the textfield looks like in action:
We’ve built this component with a few key considerations in mind. These are…
- Consistent UX with the original float label pattern. We have worked with the creator of the original pattern, Matt D. Smith to ensure this consistency.
- Expand the functionality of the original implementation with additional features, such as iconography and an easy-to-configure error state.
- Make it easy to integrate into any iOS project. The component has Interface Builder support, and was written in Swift. Using this component is also straightforward from Objective C projects.
- Extensibility through well-defined extension points. The component already takes advantage of this extensibility, for example with SkyFloatingLabelTextFieldWithIcon adding iconography by subclassing SkyFloatingLabelTextField.
For more details on how the component works, or to download / clone / fork: please head over to our Skyscanner GitHub page.