React Dropdowns Overview
The KendoReact Dropdowns are components for displaying predefined lists of options.
They include a variety of drop-down types and styles that have extensive configuration options. This flexibility allows you to quickly and easily create the exact Dropdowns component you need to fit your specific requirements for functionality and appearance.
Jumpstart Your DropDowns
With the Agentic UI Generator, you can build components and layouts using natural language prompts — directly inside AI-powered IDEs like VS Code and Cursor. Get intelligent assistance with component implementation, styling, layout design, and iconography powered by our documentation and APIs.
Try the Agentic UI Generator
React Dropdowns Example
Available Components
Free React Dropdowns
Premium React Dropdowns
Free React Dropdowns with Premium Features
React Dropdowns Key Features
Each KendoReact Dropdowns component delivers a range of developer-friendly features whose number and further development are not limited by the list in this section.
Appearance
The Dropdowns provide highly customizable and easy-to-style appearance options, including built-in themes, theme customization, custom themes, and an unstyled mode for full control over the rendered markup. Read more about the appearance of the AutoComplete...
Data Binding
The Dropdowns support binding their data to lists of primitive or complex values. Read more about the data binding of the AutoComplete...
Disabled Items
You can disable specific items in the predefined list of options so that users cannot interact with them. Read more about the disabled items of the AutoComplete...
Adaptive Mode
The Dropdowns support a mobile-friendly rendering mode for their popups by enabling the adaptive prop, which automatically adapts the popup to the current screen size. Read more about the adaptive rendering of the AutoComplete...
Grouping
The Dropdowns let you display grouped data by organizing the predefined list of options based on a specified field. Read more about the grouping of the AutoComplete...
Forms Support
The Dropdowns provide built-in support for form validation. Read more about the forms support of the AutoComplete...
Globalization
The Dropdowns support globalization to ensure that they fit well in any application, no matter what languages and locales need to be supported. Read more about the globalization of the Dropdowns...
Accessibility and Keyboard Navigation
The Dropdowns are accessible for screen readers, support WAI-ARIA attributes, and provide a number of keyboard shortcuts that let users accomplish various commands. Read more about the accessibility of the AutoComplete...
Licensing
The KendoReact Dropdowns package provides both free components and premium components. The free components can be used without any license or registration, while the premium components require a commercial license key or an active trial license key. The Dropdowns package is part of the KendoReact library, which offers a 30-day trial with a full-featured version of the library—no restrictions! Sign up for a free trial of KendoReact.
Frequently Asked Questions
Are the KendoReact Dropdowns Free to Use
The KendoReact Dropdowns provide both free React dropdowns and premium dropdowns which require a commercial license key or an active trial license key.
You can start using the free components without any license or registration with Progress or Telerik.
How to Create Dropdowns in React
To create a dropdown in React, you need to install the KendoReact dropdowns package and then import the respective dropdown components in your application. After that, you can use the various available dropdown components in your React application. For more information, refer to the Getting Started with the KendoReact Dropdowns article.
How to Upgrade to the Premium Dropdowns
If you want to use any of the premium React dropdowns, UI components, or component features, you need a valid commercial license or an active trial license. A free trial is available, if you want to try out the premium features before purchase.
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 Kendo UI 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.