KendoReact Indicators Overview

The KendoReact Indicators package delivers components for creating a visual indication for current status, on-going process or state change.

These are Free React IndicatorsThe KendoReact Indicators are free to use, including in production—no sign-up or license required. Check out all 120+ free and premium UI components in the enterprise-grade KendoReact library.

Change Theme

Theme

Loading ...

What are the KendoReact Indicators?

The Indicators are native KendoReact components built specifically for the React ecosystem and distributed via npm.

@progress/kendo-react-indicators

Package Contents

All KendoReact Indicators are freely available for use without a commercial license.

The package provides the following free React components:

Badge

A component that represents a visual indicator such as status or notification.

Loader

A component that represents a visual indication of an indeterminate wait time.

Skeleton

A component that represents a placeholder that is rendered initially on a page before the actual content loads.

Key Features

The KendoReact Indicators provide the following key features. Note that this is not an exhaustive list.

Highly customizable and easy to style appearance
- Built-in appearance options to adjust the color, form and dimensions of your indicators
- Built-in themes
- Theme customization
- Self-created themes
- Unstyled mode
Globalization

How Do the KendoReact Indicators Work?

The KendoReact Indicators provide free React indicators that don't require a commercial license key or an active trial license key to install or use.

The KendoReact Indicators are built natively for React, with no dependencies. They leverage key React concepts such as components-based architecture, props and state management, conditional rendering, and event handling.

You have complete control over your React indicators and you can extend or override their default behaviors and appearance via props and event handlers.

React Indicators with Other KendoReact Components

You can combine multiple KendoReact components with the React indicators in the same application.

Add a Loader to indicate that data is being fetched for a Grid.
Show unread notifications with a Badge on an AppBar or Button.
Improve UX with Skeleton placeholders for a Card with profile details while data loads.

The Indicators package is a dependency for multiple other KendoReact components.

React Indicators with Other Telerik Components

Based on the frameworks and technologies used in your project, you can combine UI components from different Telerik and Progress suites.

Frequently Asked Questions

Are the KendoReact Indicators Free to Use?

Yes. All KendoReact Indicators are free to use without any license or registration with Progress or Telerik.

How to Create Indicators in React?

To create an indicator in React, you need to install the KendoReact Indicators package and then import the respective indicator components in your application. After that, you can use the various available indicators in your React application. For more information, refer to the Getting Started with the KendoReact Indicators article.

What are the Available Support Options?

For any questions about the use of the KendoReact Indicators, or any other KendoReact components, there are several support options available:

The KendoReact forums are part of the free support you can get from the community and from the KendoReact team on all kinds of general issues.
KendoReact Feedback Portal and KendoReact Roadmap provide information on the features in discussion and also those planned for release.
KendoReact uses GitHub Issues as its bug tracker, and you can submit any related reports there. Also, check out the closed list.

KendoReact license holders and anyone in an active trial can take advantage of the outstanding KendoReact customer support delivered by the developers who built the library. To submit a support ticket, use the Telerik support system.

Need something unique that is tailor-made for your project? Progress offers its Progress Services group that can work with you to create any customized solution that you might need.