• What is KendoReact
  • Getting Started
  • Unstyled Mode
  • Server Components
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Chart Wizardnew
    • Chartsupdated
    • Common Utilities
    • Conversational UIupdated
    • Data Gridupdated
    • Data Query
    • Data Toolsupdated
    • Date Inputs
    • Date Math
    • Dialogsupdated
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBoxupdated
    • ListView
    • Map
    • Notification
    • OrgChart
    • PDF Processing
    • PDF Viewer
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheet
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeViewupdated
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Updates
  • Troubleshooting

KendoReact Dropdowns Overview

The KendoReact Dropdowns allow you to choose from a predefined list of options.

The Dropdowns components are part of the KendoReact library which provides native KendoReact components for the React ecosystem and are available under the kendo-react-dropdowns NPM package.


The following example demonstrates the AutoComplete, ComboBox, MultiColumnComboBox, DropDownList, and MultiSelect components in action.

Example
View Source
Change Theme:

Key Features

The KendoReact Dropdowns provide a wide and always growing range of built-in features that isn't limited by the list in this section. This developer-friendly feature set allows you to create beautiful and functional applications faster. At the same time, the KendoReact development team works constantly to improve the performance of the components and their capabilities.

Data Binding

The Dropdowns support the binding of their data to lists of possible values containing primitive (strings and numbers) or complex (objects) items. Read more about the data binding of the DropDownList...

Filtering

The KendoReact Dropdowns provide options to filter the results in the list locally or on the server. Read more about filtering the DropDownList items...

Customization

You can visually customize the content and the general look and feel of the items and elements list by utilizing the ready-to-use header, footer, value, and other renderers. Read more about the customization used by the DropDownList...

Appearance

The KendoReact Dropdowns provide predefined appearance options like size, rounded, and fillMode. Read more about the appearance used by the DropDownList...

Unstyled Mode

The KendoReact Dropdowns support an unstyled mode, offering complete control over the dropdowns appearance. This feature allows you to remove default styles, making it easier to integrate custom design systems or adapt the component to specific project requirements without any style conflicts. Read more about Unstyled Mode...

Virtualization

The KendoReact Dropdowns virtualization functionality uses a fixed amount of list items in the pop-up list. While the user is scrolling the pop-up list, the Dropdowns request and display only the visible items. Read more about the virtualization used by the DropDownList...

Keyboard Navigation

The Dropdowns support numerous keyboard shortcuts that allow users to interact with the components. Read more about the keyboard navigation of the DropDownList...

Globalization

The KendoReact Dropdowns come with globalization features that allow you to create applications that can be used all over the world. This is achieved by combining the translation of component messages with adaptation to specific cultures. Read more about the globalization of the Dropdowns library...

Accessibility

The KendoReact Dropdowns are accessible for screen readers and provide full WAI-ARIA support. Read more about the accessibility support of the DropDownList...

Support Options

For any questions about the use of the KendoReact Dropdowns, or any other KendoReact components, there are several support options available:

  • KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.
  • The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
  • KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
  • KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.
  • Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.