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.

Use React Dropdowns for FreeYou can use the free components from the React Dropdowns package in production—no sign-up or license required. Dropdowns are part of KendoReact, an enterprise-grade UI library with 120+ free and premium components. To test-drive premium components, start a 30-day trial.

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

Change Theme
Theme
Loading ...

What are the KendoReact Dropdowns?

The Dropdowns are native KendoReact components built specifically for the React ecosystem and distributed via npm.

@progress/kendo-react-dropdowns

Package Contents

The package includes a rich selection of fully configurable dropdowns that help you create stylish and practical applications.

Free React Dropdowns

The following components are available for use without a commercial license.

Premium React Dropdowns

Free React Dropdowns with Premium features

Key Features

The KendoReact Dropdowns provide the following key features. Note that this is not an exhaustive list.

  • Highly customizable and easy to style appearance
  • Built-in disabling of items
  • Option to enable adaptive mode for the component via the adaptive prop
  • Displaying grouped data
  • Built-in form support
  • Globalization
  • Out-of-the-box accessibility and keyboard navigation

How Do the KendoReact Dropdowns Work?

The KendoReact Dropdowns provide both free React dropdowns, free dropdowns with premium features and premium dropdowns which require a commercial license key or an active trial license key. If you need to develop apps using the premium React dropdowns or other premium KendoReact components and features, follow the instructions on the My License page to activate your license.

React Dropdowns with Other KendoReact Components

You can combine multiple KendoReact components with the React dropdowns in the same application:

  • Add dropdowns to your Grid custom cells.
  • Use dropdowns to submit data with Forms.

The Dropdowns package is a dependency for multiple other KendoReact components.

React Dropdowns with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

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.

What are the Available Support Options

For any questions about the use of KendoReact Dropdowns, or any other KendoReact components, there are several free 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.

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.