Kendo UI for Angular MultiSelect is a form component which allows users to select multiple items from a list of available options. Each selected item is rendered as a token with a built-in icon to remove the value, giving users a sleek visual interface to preview their list of selected items.
Angular MultiSelect can be bound to different types of data, including an array of primitive values or an object. Moreover, the Angular MultiSelect can bind separate fields to the text and underlying value displayed to users.
The filtering mechanism of the Angular MultiSelect component helps reduce the total number of data items displayed in the dropdown. Filtering is flexible and can be set to fulfill various common conditions, such as “starts with”, “contains” and more.
Enable the virtualization feature to allow users to effortlessly scroll through large sets of data without any impact on performance.
Thanks to its integration with the Kendo UI for Angular FloatingLabel component, Angular MultiSelect can support a floating label. This label will initially render as a placeholder and when the user focuses the component, the label will animate and float on top of the Angular MultiSelect input.
The Angular MultiSelect component can be added to any Angular form thanks to its support for both Reactive forms and template-driven forms.
The Kendo UI for Angular MultiSelect uses Angular templates to enable you to customize the look and feel of the Angular MultiSelect component. You can configure the header and footer elements and the individual items to display more than just text.
The Kendo UI for Angular MultiSelect component supports various globalization scenarios, having both the ability to override any built-in strings and the ability to render RTL (right-to-left) scripts.
The Angular MultiSelect component has built-in keyboard navigation, allowing users to easily traverse and select items using only the keyboard.
Angular MultiSelect is AAA rated with WCAG 2.0, and supports WAI-ARIA and Section 508 standards.