KendoReact Labels Overview

The KendoReact Labels package delivers components for adding hints, error messages, and labels to your React apps and React form editors and inputs in particular.

These are Free React LabelsThe KendoReact Labels 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.

The following demo shows the components included in the KendoReact Labels package:

Change Theme

Theme

Loading ...

What are the KendoReact Labels?

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

@progress/kendo-react-labels

Package Contents

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

The package provides the following components:

Label

A component that associates a focusable component or HTML element with a HTML Label element.

FloatingLabel

A component that enables the floating label functionality for Kendo UI and HTML input elements.

Hint

A component that guides users with a hint next to the form field they need to fill in.

Error

A component that displays an error next to the respective focusable component when the input is invalid.

Key Features

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

Automatically rendered optional suffix via the optional property
Built-in invalid state via the editorValid property
Control over the text direction of hints and errors
Highly customizable and easy to style appearance
Globalization

How Do the KendoReact Labels Work?

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

The KendoReact Labels 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 labels and you can extend or override their default behaviors and appearance via props and event handlers.

React Labels with Other KendoReact Components

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

Provide descriptions and indicate the expected input for TextBoxes, NumericTextBoxes, or MaskedTextBoxes.
Explain dropdown menus like the ComboBox, DropDownList, or MultiSelect.
Clarify the available selections for Checkboxes and RadioButtons.
Improve the UX for Sliders and Switches with clear explanations about the available selections and states.
Enhance Date and TimePickers with hints and errors for the input fields.

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

React Labels 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 Labels Free to Use?

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

How to Create Labels in React?

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

What are the Available Support Options?

For any questions about the use of KendoReact Labels, 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.