.NET MAUI Autocomplete - A Fast, Feature-Rich Control
- Suggestions of best-matched items show instantly.
- Its rich, built-in feature set includes text customization, a clear button, and placeholder text.
- Text auto-appends for the StartsWith search mode.
Trusted by the world’s leading companies
Overview
The .NET MAUI Autocomplete control is highly optimized to load and populate suggestions quickly from large amounts of data depending on the user’s input characters. It allows users to select an item from the suggestion list. It displays the selected item in the input view with the text and clear button.
.NET MAUI Autocomplete code example
Easily get started with the .NET MAUI Autocomplete using a few simple lines of XAML code, as demonstrated. Also, explore our .NET MAUI Autocomplete example, which shows you how to render and configure the .NET MAUI Autocomplete control.
<editors:SfAutocomplete x:Name="NormalAutocomplete"
MaxDropDownHeight="150"
WidthRequest="300" >
<editors:SfAutocomplete.ItemsSource>
<x:Array Type="{x:Type x:String}">
<x:String>Green</x:String>
<x:String>Yellow</x:String>
<x:String>Red</x:String>
<x:String>Violet</x:String>
<x:String>Orange</x:String>
<x:String>Grey</x:String>
<x:String>Blue</x:String>
<x:String>Purple</x:String>
<x:String>Black</x:String>
</x:Array>
</editors:SfAutocomplete.ItemsSource>
</editors:SfAutocomplete>Single selection
Select a single item from the suggestion list based on the entered text.
Multiple selection
Select multiple items from the .NET MAUI Autocomplete entry suggestion list and display the selected items either as tokens, such as in an email address bar, or text separated by a delimiter.
Token representation
Customizable token representation in the .NET MAUI Autocomplete control allows users to remove an item with its close button.
Delimiter
Delimit the selected items with characters such as ‘$’ for dollar-sign separation, or ‘,’ for traditional comma separation.
Filtering
When a character is entered, the control searches for items matching the entered character and filters the results, displaying suggestions in a dropdown list.
Starts with
Starts with provides suggestions to users as they type. It filters matching items based on the starting text.
Contains
Contains performs a search based on a sequence of characters that the user enters. It filters the matching items containing a specific text.
Custom filter
Apply your own filter logic to display custom filtered items. E.g., in the previous image, Autocomplete filtered the cities based on the country name.
Autosize
The control dynamically extends its layout based on the input content.
Searching
When a character is entered, the control searches for items related to the entered character and filters the results, displaying suggestions in a dropdown list.
On-demand loading
With on-demand loading, if there are more filtered items than can be viewed, they will not be automatically populated. Instead, users can click the Load More button if they need more items.
Perform filtering when needed
The .NET MAUI Autocomplete control starts offering matches as soon as users start typing, but supports a provision to set the number of characters required to start matching.
Placeholder
Display hints using the placeholder text. This text will be displayed only if no item is selected and the text box is empty.
Data-binding
Data-binding works for all popular data sources and displays data based on the display member path. It automatically generates items from a data-bound collection. The application can be designed in the MVVM pattern.
No results found
Users can set the desired text to be displayed when the entered text is not in the suggestion list of the control.
Appearance
Dropdown height
Adjust the dropdown height based on the number of items to enhance readability without scrolling.
Dropdown item customization
Dropdown list items can be customized with an image or custom control.
Text highlight mode
Highlights matching characters in a suggestion list to make it easy to pick an item.
First occurrence
Highlights the first position of the matching characters in the suggestion list.
Multiple occurrences
Highlights the matching characters present in the dropdown list when the TextSearchMode is set to “Contains”.
95+ UI controls
200+ interactive .NET MAUI demos
1.7M+ downloads
Not sure how to create your first .NET MAUI Autocomplete? Our tutorial videos and documentation can help.
I’d love to watch them now I’d love to read it nowFrequently Asked Questions
Why should you choose the Syncfusion® .NET MAUI Autocomplete control?
The Syncfusion® .NET MAUI Autocomplete control supports the following features:
Rich feature set for searching and filtering.
- Data can be loaded dynamically at runtime based on typed input.
Flexible customization of the dropdown appearance.
- Robust data-binding support.
Simple configuration and APIs.
- Mobile-friendly UI.
Extensive demos, documentation, and videos to let you get started quickly with the .NET MAUI Autocomplete.
Where can I find the Syncfusion® .NET MAUI Autocomplete demo?
You can find our .NET MAUI Autocomplete demo here. It demonstrates how to render and configure the Autocomplete control.
What is the .NET MAUI Autocomplete control?
The .NET MAUI Autocomplete control is a user interface element that provides suggestions as a user types, improving data entry efficiency by offering possible completions for their input.
Does the .NET MAUI Autocomplete control support multiple selections?
Yes, it supports a multiple-selection mode, which allows users to select more than one item.
How do I add a placeholder in the .NET MAUI Autocomplete?
The Placeholder property enables you to add instructional text within an input field, guiding users on what to enter.
Can I download and utilize the Syncfusion® .NET MAUI Autocomplete for free?
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 US $1 million in annual gross revenue, 5 or fewer developers, and 10 or fewer total employees.
How do I get started with the Syncfusion® .NET MAUI Autocomplete?
A good place to start would be our comprehensive getting started documentation.
What are the key features of the .NET MAUI Autocomplete control?
Key features include data binding, customizable item templates, filtering capabilities, dropdown items, dropdown positions, and support for multiple selection modes.
How do I enable custom data in the Autocomplete control?
You can enable custom data by defining your data structure and setting it as the ItemsSource of the Autocomplete control.
Can I use the .NET MAUI Autocomplete for location-based suggestions?
Yes, you can integrate location services and use them to provide location-based suggestions through the ItemsSource property.
.NET MAUI DataViz & UI Controls
Our Customers Love Us
Here are some of their experiences.
Rated by users across the globe
.NET MAUI UI Kit
Awards
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.
