AutoComplete

Usage Guidelines

The Telerik and Kendo UI AutoComplete requires you to follow some basic principles when using the component.

Multiple Options

The AutoComplete allows users to search and select a specific value from a long list of options much quicker than scrolling through the entire list. If you need to provide fewer options to the user, consider using a picker or radio buttons.

DoUse the AutoComplete when your list of options is complex enough to take advantage of the search functionalities.

Don'tAvoid using the AutoComplete if the list contains only a few options.

Item Content

Consider the width of the AutoComplete and keep the names of the options short and compact so that they fit. Long item names that occupy multiple lines are hard to perceive and must be avoided.

DoKeep the description of the AutoComplete options as short as possible to improve readability.

Don'tAvoid using lengthy option descriptions because the text can get truncated and users will find it difficult to read.

Text Label

The label of the AutoComplete provides a clear and concise description of its purpose, making it easier for users to interact with the interface and understand it. Always display a label unless the AutoComplete is next to another component which already has a label. The label of the AutoComplete can be set as part of the Telerik and Kendo UI Form component.

DoUse a clear and concise text label to clarify the meaning of the AutoComplete.

Don'tAvoid using the AutoComplete without a label unless the AutoComplete is part of a complex scenario and its context is already set.