We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
The .NET MAUI Text Input Layout or Label Entry is a container control that allows users to add floating labels, password toggle icons to show or hide passwords, leading and trailing icons, and assistive labels such as error messages and help text on top of input controls.
Easily get started with the .NET MAUI Text Input Layout using a few simple lines of XAML code example as demonstrated below. Also, explore our .NET MAUI Text Input Layout Example that shows you how to render and configure the .NET MAUI Text Input Layout.
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:inputLayout="clr-namespace:Syncfusion.Maui.Core;assembly=Syncfusion.Maui.Core"
x:Class="TextInputLayoutGettingStarted.MainPage">
<VerticalStackLayout
Spacing="25"
Padding="30,0"
VerticalOptions="Center">
<inputLayout:SfTextInputLayout Hint="Name">
<Entry />
</inputLayout:SfTextInputLayout>
</VerticalStackLayout>
</ContentPage>Enhance the appearance of the .NET MAUI Entry and Editor controls and all Syncfusion Autocomplete and ComboBox controls. Add assistive labels and icons to their entry and input views by just wrapping them with the Text Input Layout control.
Filled: The background of the input view will be filled with the container color, and the baseline stroke and thickness will be changed based on the state of the input view.Outlined: The container will be framed with a rounded border.None: The container will have an empty background and space around it.Dynamically adjust hint text color and border colors based on the control’s state: normal, focused, error, and disabled.
The toggle for password visibility allows users to display or conceal the characters typed into the input field associated with the control.
Assistive labels offer extra information on the entered text in input view controls. The types of assistive labels include:
Avoid additional labels by adding a hint text, giving the input view more space. The hint text moves from the middle to the top to show a floating label when the input becomes active.
The helper text provides additional information about the text to be entered.
Add a leading icon to indicate the input type, such as birth date, phone number, or password. Use a trailing icon to add a clear button, error icon, voice input icon, or drop-down icon.
Customize the font appearance, including size, attributes, and family, for assistive labels like hint, helper, and error within the control.
Customize spacing around the input view using InputViewPadding. Tailor the padding to align with your unique design preferences.
The control accommodates right-to-left (RTL) flow direction, beneficial for cultures that read from right to left.
60+ UI controls
200+ interactive .NET MAUI demos
777K+ downloads
The Syncfusion .NET MAUI Text Input Layout supports the following features:
You can find our .NET MAUI Text Input Layout demo, which demonstrates how to render and configure the Text Input Layout.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.
