MultiSelect

MultiSelect components allow you to make single or multiple selections from a list of options.

Usage Guidelines

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

Multiple Options

The MultiSelect component is best used when users need to select multiple options from a predefined set of choices, particularly when there are too many choices to display all at once. It's not recommended to use a MultiSelect component when users need to select only one option from a small set of choices.

A Telerik and Kendo UI MultiSelect with multiple selection from a long list of Favorite sport options.
Use the MultiSelect when you need to select multiple options from a large predefined set of choices.
A Telerik and Kendo UI MultiSelect with a single selection from a short list of Size options.
Avoid using the MultiSelect when you need to select only one option from a small set of choices.

Item Content

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

A Telerik and Kendo UI MultiSelect containing single-row options whose length elegantly fits the width of the component.
Keep the description of the MultiSelect options as short as possible to improve readability.
A Telerik and Kendo UI MultiSelect 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 MultiSelect 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 MultiSelect is next to another component which already has a label. The label of the MultiSelect can be set as part of the Telerik and Kendo UI Form component.

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