KendoReact ComboBox Overview

The KendoReact ComboBox is a form component that lets you choose a single predefined value from a list and is a richer version of the <select> element and supports filtering, virtualization, and entering of custom values.

The KendoReact ComboBox component is part of the KendoReact library of React UI components. It is distributed through NPM under the kendo-react-dropdowns package.


The following example demonstrates the ComboBox in action.

Example
View Source
Change Theme:

The ComboBox is part of the KendoReact Dropdowns component library. The procedures for installing, importing, and using the Dropdowns are identical for all components in the package. To learn how to use the ComboBox and the rest of the Dropdowns, see the Getting Started with the KendoReact Dropdowns guide.

Key Features

  • Data and value bindingYou can bind the ComboBox to primitive (strings and numbers) or complex (objects) items.
  • Custom valuesYou can allow the ComboBox component to accept custom values.
  • FilteringYou can configure the ComboBox to filter the results locally or on the server.
  • GroupingYou can display grouped data with visual labels for each group.
  • SuggestionsTo turn the suggestions on, set the suggest property to true.
  • Custom renderingYou can customize the way the ComboBox component renders its elements.
  • VirtualizationThe virtual scrolling feature is an alternative to paging and helps display large data sets.
  • Floating labelsYou can show floating labels inside the KendoReact ComboBox component.
  • Forms supportYou can use the React ComboBox component with HTML form elements or with the KendoReact Form component.
  • GlobalizationThe built-in globalization support allows you to create apps that are ready to be implemented worldwide.
  • Keyboard navigationThe ComboBox supports various keyboard shortcuts.
  • AccessibilityThe ComboBox is accessible for screen readers and supports WAI-ARIA attributes.

In this article

Not finding the help you need?