Kendo UI DropDowns for React

• Overview
• Basic Usage
• Installation
• Browser Support
• Glossary
  • Component
  • Package

Overview

This repository contains the source code and documentation of the Kendo UI DropDowns components for React.

Currently, the package includes the following components:

• AutoComplete
• ComboBox
• DropDownList

Telerik works on porting the MultiSelect component for React too.

For more information on upcoming DropDowns package features and components, refer to the Roadmap.

Basic Usage

Kendo UI AutoComplete Component

The AutoComplete provides suggestions to the user from a previously entered list of options depending on the typed input.

For more examples and available configuration options, refer to the AutoComplete documentation section.

Kendo UI ComboBox Component

The ComboBox displays a list of pre-defined options. It allows the user to pick a single value from that list, or to enter a custom value through keyboard input.

For more examples and available configuration options, refer to the ComboBox documentation section.

Kendo UI DropDownList Component

The DropDownList displays a list of pre-defined options and allows the user to pick a single value from that list.

For more examples and available configuration options, refer to the DropDownList documentation section.

Installation

The React DropDowns are published as a public scoped NPM package in the Telerik organization in http://npmjs.org/.

Install it using NPM:

npm install --save @telerik/kendo-react-inputs;

Once installed, import the module:

// ES2015 module syntax
import {Slider} from 'kendo-react-inputs';

// CommonJS format
var Slider = require('kendo-react-inputs').Slider;

Browser Support

The Kendo UI DropDowns components for React support all browsers that are supported by the React framework—Internet Explorer 9 and later versions.

Glossary

Below are explained the basic terms that Kendo UI suite for React applies.

Component

A Component refers to a React Component.

Package

A package contains one or more components, developed in a single repository and distributed in a single NPM package. For example, the Kendo UI AutoComplete, ComboBox, and DropDownList components for React are part of the DropDowns Package.