Skyscanner/SkyFloatingLabelTextFieldArchived
SkyFloatingLabelTextField
SkyFloatingLabelTextField es un componente de interfaz de usuario de iOS reutilizable para aplicaciones Swift. Implementa un control de entrada de texto que presenta el patrón de etiqueta flotante, donde las etiquetas transicionan de una posición de marcador de posición a un título flotante cuando el campo está enfocado o poblado.
El componente incluye soporte integrado para diseños de idioma de derecha a izquierda, ajustando automáticamente la dirección del texto y el diseño para una legibilidad correcta. También proporciona iconografía integrada, permitiendo que imágenes o iconos basados en fuentes se posicionen dentro del campo de texto.
El sistema cubre mensajes de validación de entrada y estilo, permitiendo la visualización de mensajes de error y la modificación de colores y límites de diseño para alinearse con un sistema de diseño específico.
Features
- Floating Labels - Implements labels that transition from a placeholder position to a floating title when the field is focused or populated.
- iOS UI Components - Provides a reusable user interface component specifically designed for styled text entry and validation on iOS.
- Custom UIKit Controls - Wraps standard UIKit components to create a specialized text input control with custom layout behavior.
- iOS - Implements iOS-specific form styling with animated visual feedback for focus and validation states.
- Right-To-Left Support - Uses Auto Layout to adjust spacing and alignment for correct readability in right-to-left language layouts.
- RTL Layouts - Ships a text entry field with built-in support for right-to-left text direction and automatic layout adjustment.
- Text Field Layouts - Provides a set of customizable styles and bounds for managing text field layouts and visual cues.
- Input Field Enhancements - Integrates images or font-based icons within text fields to provide visual cues to the user.
- Styled Input Fields - Enables modification of colors, line heights, and layout bounds to align text fields with a design system.
- Validation Feedback Styles - Provides visual cues and helper text to notify users when text input fails validation rules.
- Mobile UI Styling - Allows styling of text fields with custom colors, icons, and layouts optimized for mobile interfaces.
- Input Validation - Highlights text fields and displays error messages when user input fails validation rules.
- Runtime Property Injection - Supports runtime injection of colors and fonts to adapt the text field to specific design system requirements.
- Validation Error Renderers - Provides customizable mechanisms for rendering validation error messages and styling borders based on input state.
- Text Fields - Float label pattern implementation.
- Text Inputs - Text field with floating label pattern.
