All Components

This website hosts native Kendo UI components, built from the ground up with the ultimate performance in mind, intended to be used in the React ecosystem.

Overview

The Kendo UI Material theme is available through the @progress/kendo-theme-material NPM module.

Installation

  1. Download and install the package of the Material theme.

    npm install --save @progress/kendo-theme-material
  2. Include the Material theme in your application according to the instructions in the article on styling.

Dependencies

The following additional modules are optional and are required by projects which aim to implement the Material Design Guidelines style effects:

  • Ripple effect—Available through the Ripple component from the @progress/kendo-react-ripple NPM module. The Ripple component provides the Material ink ripple effect for the Kendo UI components for React and is fully compatible with all available Kendo UI themes.

The Kendo UI Inputs and DropDowns components for React comply with the Material Design Guidelines and provide floating labels out of the box.

Preview

The following example previews Kendo UI components which are styled with the Material theme.

In this article