npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2025 – Pkg Stats / Ryan Hefner

@progress/kendo-react-common

v13.2.0

Published

React Common package delivers common utilities that can be used with the KendoReact UI components. KendoReact Common Utilities package

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

progressprogress

Keywords

Kendo UIReactProgressUtilitiesKendoReactKendoReact FreereactjsUIcomponentsReact componentfree React componentTelerik

Readme

KendoReact NPM Banner

KendoReact Common Library for React

Important

  • This package is а part of KendoReact—an enterprise-grade UI library with 120+ free and premium components.
  • It contains both free and premium KendoReact components and tools. To use the premium components, you must install a license key file, whether you are on a paid license or a 30-day free trial. To receive a license key, either purchase a license or start a free trial. You can use the free components without having to sign up or get a license key.
  • If you're looking for free React components, check out Get Started with KendoReact Free.
  • If you have an active license, visit the KendoReact My License page to learn how to configure your KendoReact licensing.
  • Installing and working with this package indicates that you accept the KendoReact License Agreement.
  • The 30-day free trial gives you access to all KendoReact components and their full functionality. Additionally, for the period of your trial, you can use our legendary technical support provided directly by the KendoReact dev team!

Start using KendoReact and speed up your development process!

The React Common package, part of KendoReact, delivers common utilities that can be used with the KendoReact UI components to enhance their performance and functionality.

How to start:

npm i @progress/kendo-react-common

What's in this package:

Additional information:

React Draggable Component

This is a KendoReact premium component and requires a commercial license or an active trial license.

The KendoReact Draggable component enables the drag-and-drop functionality with which the user can drag and drop component elements.

How to use the Draggable component in your apps:

import { DragAndDrop, useDroppable, NormalizedDragEvent } from '@progress/kendo-react-common';
...
<DragAndDrop>
    /**
    * Handle drag-and-drop logic and containers.
    */
</DragAndDrop>

React Icon Component

This is a free React component—no sign-up or license required.

The KendoReact Icon component is used to display font icons to ensure React developers can use icons in any scenario. All Kendo UI Icons are supported.

How to use the Icon component in your apps:

import { Icon } from '@progress/kendo-react-common';
...
<link rel="stylesheet" href="https://unpkg.com/@progress/kendo-font-icons/dist/index.css" />
<Icon name="home"/>

React SvgIcon Component

This is a free React component—no sign-up or license required.

The KendoReact SvgIcon component is used to display SVG icons. KendoReact delivers more than 500 SVG icons. The size, color and orientation of the KendoReact SvgIcon component can be easily customized through the available properties.

How to use the SvgIcon component in your apps:

import { SvgIcon } from '@progress/kendo-react-common';
import { homeIcon } from '@progress/kendo-svg-icons'; // This dependency is not automatically installed.
...
<SvgIcon icon={homeIcon} />

React Typography Component

This is a free React component—no sign-up or license required.

The KendoReact Typography component is a reusable component that helps presenting text in a React application. It could trim down a lot of time as the application grows. You can quickly add additional Typography styles by choosing from the predefined options.

How to use the SvgIcon component in your apps:

import { Typography } from '@progress/kendo-react-common';
...
<Typography.p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec semper.
</Typography.p>

React AdaptiveModeContext

This is a free React utility—no sign-up or license required.

The KendoReact AdaptiveModeContext utility is a React context that provides a global configuration for adaptive rendering across various components. It lets you define breakpoints for small and medium screen sizes. This context is essential for implementing responsive layouts, where UI components such as DatePicker, DropDownList, ComboBox, and others may need to adapt.

How to use AdaptiveModeContext in your apps:

import { AdaptiveModeContext } from '@progress/kendo-react-common';
...
<AdaptiveModeContext.Provider value={{ small: 320, medium: 1024 }}>
    /**
    * Place the UI component that needs to be adaptive here.
    */
</AdaptiveModeContext.Provider>

Using for Free vs Commercial License

The following table outlines the key resources available with KendoReact and KendoReact Free.

| | KendoReact Free | KendoReact | | -------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | React components | 50+ | 120+ | | Four professional themes | | | | Four Figma UI Kits | | | | Page Templates & Building Blocks | 1 template | | | ThemeBuilder | Free* | Ultimate | | Source code | No | | | Visual Studio Code extension | 1 starter template | Full functionality | | Legendary customer support | No | | | AI coding assistant | No | |

Support Options

For any issues you might encounter while working with the KendoReact Common package, use any of the available support channels:

  • Industry-leading technical support—KendoReact paid license holders and users with an active (free) trial license can take advantage of our outstanding customer support. To submit a ticket, use the dedicated KendoReact support system.
  • Product forums—The KendoReact forums are part of the free support you can get from the community and from the KendoReact team.
  • Feedback portal—The KendoReact feedback portal is where you can request and vote for new features to be added.

Resources

General resources:

High-level component overview pages:

Copyright © 2025 Progress Software Corporation and/or its subsidiaries or affiliates. All Rights Reserved.

Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.