background

Kendo UI for Angular

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 110+ professionally-designed components.
  • Includes support, documentation, demos, virtual classrooms, Visual Studio Code Extensions and more!
MultiSelect
  • Allow Users to Select Multiple Items from a Dropdown List

    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
  • Adaptive Mode

    The Angular MultiSelect supports an adaptive mode, enabling a mobile-friendly rendering of the component popup. The component automatically adapts to the current screen size and alters its rendering accordingly.

    See the Angular MultiSelect Adaptive Mode demo

    MultiSelect adaptive mode
  • 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
  • Prefix and Suffix Adornments

    Elevate user interactivity leveraging the option for adding prefix and suffix adornments. These are custom items, usually an icon or button, inside the field before or after the input area. Typical prefix adornments are currency symbols or unit indicators, while suffix adornments are often used for password visibility toggles, formatting or clearing the input. 

    See the Angular MultiSelect Adornments demo
     

    multiselect - adornments
  • 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.

    Accessibility

All Kendo UI for Angular Components

Next Steps

Get Started with Kendo UI for Angular

Kendo UI for Angular - Kendoka