The text input layout lets you add a password toggle icon to show or hide passwords, leading and trailing icons, and assistive labels such as floating label, hint, error, and help text on top of
SfMaskedEdit, and the Xamarin.Forms framework’s
Enhance the appearance of numeric entry, masked input, entry and editor controls, and also add assistive labels and icons around those input views without writing much code to arrange and position those elements by wrapping the entry/input views with text input layout.
Choose either filled or outlined containers that best match your app’s style.
Indicate focused, unfocused, error, and disabled state of the control.
Enable password toggle icon to show/hide the password interactively.
Assistive labels provide more information about the input text.
Avoid additional labels to provide more space to input view by adding hint text. It moves from the middle to the top to show a floating label when the input becomes active.
Helper text provides additional information about the text to be entered.
Displaying error text can assist in solving validation errors.
The maximum characters to be entered in the text field can be displayed.
Add a leading icon to indicate the input type, such as birth date, phone number, and password. Use a trailing icon to add a clear button, error icon, voice input icon, or drop-down icon.
Apply appealing colors to all the elements of text input layout to match your app theme.