Kendo UI for Angular

MultiSelect

  • Allow users to select multiple items from a list. Each item is rendered as a token with an icon to remove the value.
  • Part of the Kendo UI for Angular library along with more than 100 professionally-designed components developers trust for all their Angular UI needs.
  • Get up and running quickly with award winning support, detailed documentation, demos, virtual classrooms and a 3-million-strong developer community.

Angular UI Component Library
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    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.

    See Angular MultiSelect Overview demo.

    Kendo UI for Angular MultiSelect - Overview
  • Data Binding

    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.

    See Angular MultiSelect Data Binding demo.

  • Filtering

    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.

    See Angular MultiSelect Filtering demo.

    Kendo UI for Angular MultiSelect - Filtering
  • Virtualization

    Enable the virtualization feature to allow users to effortlessly scroll through large sets of data without any impact on performance.

    See Angular MultiSelect Virtualization demo.

    Kendo UI for Angular MultiSelect - Virtualization
  • Floating Labels

    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.

    See Angular MultiSelect Floating Labels demo.

    Kendo UI for Angular MultiSelect - Floating Labels
  • Forms Support

    The Angular MultiSelect component can be added to any Angular form thanks to its support for both Reactive forms and template-driven forms.

    See Angular MultiSelect Forms Support demo.

    Kendo UI for Angular MultiSelect - Forms Support
  • Templates

    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.

    See Angular MultiSelect Templates demo.

    Kendo UI for Angular MultiSelect - Templates
  • Globalization

    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.

    See Angular MultiSelect Globalization demo.

    Kendo UI for Angular MultiSelect - Globalization
  • Keyboard Navigation

    The Angular MultiSelect component has built-in keyboard navigation, allowing users to easily traverse and select items using only the keyboard.

    See Angular MultiSelect Keyboard Navigation demo.

  • Accessibility

    Angular MultiSelect is AAA rated with WCAG 2.0, and supports WAI-ARIA and Section 508 standards.

    See Angular MultiSelect Accessibility demo.

    Kendo UI for Angular - Calendar Accessibility
Kendo Angular UI Getting Started Background

Get Started with Kendo UI for Angular

Kendo UI