UI for ASP.NET Core
The ASP.NET Core AutoComplete component is a textbox that provides suggestions based on the text typed by the user. The full-featured UI component can be bound to data and comes with multiple built-in features, such as server or client filtering, grouping and keyboard navigation. It can be customized by using templates and you change its appearance by applying one of the 20+ available themes.
See the ASP.NET Core AutoComplete demo
There are several ways to bind the AutoComplete component to data:
The component supports virtualization, which comes in handy with large datasets. The AutoComplete renders a fixed number of items at first and, when scrolled, takes the rest of the items and displays them in the same format.
Enable a mobile-friendly rendering of the AutoComplete suggestion list popup by simply setting the AdaptiveMode parameter to AdaptiveMode.Auto. The picker component automatically adapts to the current screen size and changes its rendering accordingly.
Create smoother and more efficient end-user experiences with the AutoComplete floating label feature. The floating label moves above the input field when it is focused, saving space and retaining the context of the required field input.
The AutoComplete component and the rendering of its items can be easily customized by using one of the following templating options:
Leverage the various modes of filtering, both on the server and client-side of your Core application. These filter modes can include starts with or contains, and can customize how and when the results are displayed.
Telerik UI for ASP.NET Core provides two ways for you to declare UI components—by using HTML or Tag helpers. You can choose either of these approaches to help you implement the AutoComplete component in your project.
The AutoComplete is one of the many components in the Telerik UI for ASP.NET Core suite with keyboard navigation support. You can use the up and down arrows to highlight the previous or next item in the list, press enter to select the highlighted item or use page up/page down to scroll further through the list.
See the ASP.NET Core AutoComplete Keyboard Navigation demo