Kendo UI for Angular ComboBox Overview

The Kendo UI for Angular ComboBox is a form component that lets you choose from a list of options.

It is a richer version of the <select> element and supports data binding, filtering, templates, and the entering of custom values.

The ComboBox Component is part of Kendo UI for Angular, a professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

The following example demonstrates the ComboBox in action.

Example
View Source
Edit In Stackblitz  
Change Theme:

Key Features

  • Data bindingYou can bind the ComboBox to a list of possible values containing arrays of primitive or complex data.
  • Value bindingThe ComboBox enables you to set its value to primitive or complex data.
  • Custom valuesYou can override the default behavior of the ComboBox and configure it to accept custom values.
  • FilteringApart from its default filter functionality, the ComboBox provides options for performing server-side filtering, setting a minimum length of the search symbols, and using its built-in filter directive.
  • GroupingYou can group ComboBox items and display them as a grouped result.
  • VirtualizationThe ComboBox supports a virtualization mechanism which noticeably improves the performance of the component when it handles large datasets.
  • Disabled itemsYou can disable any of the ComboBox items and prevent users from interacting with them.
  • SuggestionsThe ComboBox renders suggestions which appear while the user types in the input field and also provides ways for controlling the behavior of the suggestion list such as preventing its opening and closing.
  • TemplatesYou can customize the content of the ComboBox by using templates for its items, header, footer, and other elements.
  • Forms supportYou can use the ComboBox both in template-driven and reactive Angular forms.
  • Cascading ComboBoxesThe ComboBox enables you to render a series of two or more ComboBoxes where each ComboBox is filtered based on the selected option in the previous ComboBox.
  • GlobalizationAll Kendo UI for Angular Dropdowns provide globalization options.
  • AccessibilityThe ComboBox is accessible for screen readers and supports WAI-ARIA attributes.
  • Keyboard navigationThe ComboBox supports a number of keyboard shortcuts for processing various commands.

In this article

Not finding the help you need?