Important
- This package is а part of KendoReact—an enterprise-grade UI library with 120+ free and premium components.
- This package contains free KendoReact components. You can use it even in production, no sign-up or license required. If you're looking for more free React components, check out Get Started with KendoReact Free.
- 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!
The React Indicators, part of KendoReact Free, offer a highly customizable interface to represent a visual indication for their UI elements.
How to start:
npm i @progress/kendo-react-indicatorsWhat's in this package (ToC):
- React Indicators Components Library Features
- React Badge component (free)
- React Loader component (free)
- React Skeleton component (free)
Additional information:
Among the many features that the KendoReact Indicators deliver are:
- Appearance—Out of the box, the React Indicators provide several different styles that can be set through a single configuration option. Styles include, but are not limited to, info, success, warning, error and more. Additionally, the KendoReact Indicators provide settings for the shape, size, fill and border, which allows to add padding to ensure that they can fit any application scenario.
- Customization—Easily implement custom styling.
- Theme support—The KendoReact Indicators, as well as all 120+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, Fluent, and Default) and can be further customized to match your specific design guidelines.
This is a free React component—no sign-up or license required.
The KendoReact Badge component takes inspiration from modern user experiences across web and mobile applications alike and provides an element to indicate unread messages or notifications. With the React Badge component, you can easily attach badges to existing UI elements.
How to use the Badge component in your apps:
import { Badge, BadgeContainer } from '@progress/kendo-react-indicators';
...
/**
* For components that can have children, nest the Badge inside the respective component.
*/
<Badge />
/**
* For components that can't have children, simple text, or HTML elements, wrap the element and the Badge inside a BadgeContainer.
*/
<BadgeContainer>
Text
<Badge />
</BadgeContainer>This is a free React component—no sign-up or license required.
The KendoReact Loader component offers a visually pleasing way to let your users know that a process, such as loading of remote data or fetching a view, is happening in the background.
How to use the Loader component in your apps:
import { Loader } from '@progress/kendo-react-indicators';
...
/**
* Handle the logic for showing the Loader.
*/
<Loader />This is a free React component—no sign-up or license required.
The KendoReact Skeleton component acts as a placeholder element that represents any type of HTML structure while users are waiting for it to load. The React Skeleton can be used to build HTML elements that are close to the shape and size of the expected content, giving users a perceived performance boost.
How to use the Skeleton component in your apps:
import { Skeleton } from '@progress/kendo-react-indicators';
...
<Skeleton />For any issues you might encounter while working with the KendoReact Indicators, 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.
- Getting Started with KendoReact
- Get Started with KendoReact Free
- Get Started with the KendoReact Indicators
- API Reference of the KendoReact Indicators
- KendoReact Roadmap
- Blogs
- Demos, documentation, and component reference
- KendoReact pricing and licensing
- Changelog
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.