Material UI

KendoReact enables you to integrate the components with Material UI.

The KendoReact Material theme fully corresponds to the Material UI guidelines and allows you to add KendoReact components to an already existing application which contains Material UI components. You can also add Material UI components and integrate them with KendoReact for a specific purpose—for example, as editors in the Grid.

Dashboard Application

The Dashboard application demonstrates how to use KendoReact components and Material UI components, and follows the Material UI guidelines.

Grid Integration

The example on the Grid integration demonstrates how to use the Material UI inputs as editors inside the KendoReact Grid.

  • To access all demo files, refer to the tree pane of the file.
  • To download the project, refer to this GitHub repository.

Editor Integration

The example on the Editor integration demonstrates how to use the Material UI components inside the building blocks of the Editor. This included Buttons, Icons, Dialogs and so on.

  • To access all demo files, refer to the tree pane of the file.
  • To download the project, refer to this GitHub repository.