The Material theme is under active development and is not supported by the whole suite. All components which are available for styling with the Material theme are included in the preview.
Download and install the package of the Material theme.
npm install --save @progress/kendo-theme-material
Apply the Material theme options according to the instructions in the article on styling.
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
kendoRippleContainerdirective from the
@progress/kendo-angular-rippleNPM module. The
Rippledirective provides the Material ink ripple effect for the Kendo UI components for Angular and is fully compatible with all available Kendo UI themes.
Floating labels—Available through the
kendo-textbox-containercomponent from the
@progress/kendo-angular-inputsNPM module. The TextBox enables you to style and provide a floating label functionality to
The following example previews Kendo UI components which are styled with the Material theme.