ComboBox

The ComboBox component allows you to select an option from a list or input your own custom value.

Usage Guidelines

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

Number of Options

The text input feature of the ComboBox allows users to enter a custom value that serves as a filter and helps them select an option from a long list. If you need to provide fewer options to the user, consider using a picker or radio buttons.

A Telerik and Kendo UI ComboBox showing a long list of favorite sport options for user selection.
Use the ComboBox when your list of options is complex enough to take advantage of the search, filter, and custom value input functionalities.
A Telerik and Kendo UI ComboBox showing a short list of size options for user selection.
Avoid using the ComboBox if the list contains only a few options.

Item Content

Consider the width of the ComboBox 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.

A Telerik and Kendo UI ComboBox containing single-row options whose length elegantly fits the width of the component.
Keep the options as short as possible to improve readability.
A Telerik and Kendo UI ComboBox rendering long and wordy option descriptions spanning more than a single row.
Avoid using lengthy option descriptions because the text can get truncated and users will find it difficult to read.

Label

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

A Telerik and Kendo UI ComboBox with a clear and short label introducing a list of favorite sports.
Use clear and concise labels that accurately describe the purpose or function of the ComboBox.
A Telerik and Kendo UI ComboBox without a label supposedly introducing a list of sports.
Avoid using the ComboBox without a label as this compromises the intuitiveness of the component, leading to confusion and frustration.
Feedback