npmpackage.info

Gathering detailed insights and metrics for @progress/kendo-react-labels

@progress/kendo-react-labels - 11.2.0 | npmpackage.info

@progress/kendo-react-labels

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/

11.2.0

226

NOASSERTION

HTML

70.35 kB

5.4

Installations

npm install @progress/kendo-react-labels

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

22.16.0

NPM Version

10.8.1 Pull Requests

Open

12

Total

1,007

Closed

488

Merged

507

Issues

Open

594

Total

2,250

Closed

1,656

Releases

Unable to fetch releases

Languages

HTML

Shell

CSS

HTML (63.06%)

Shell (34.76%)

CSS (2.19%)

Developer

telerik

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

NOASSERTION License

226 Stars

1,260 Commits

52 Forks

38 Watchers

44 Branches

62 Contributors

Updated on Jun 29, 2025

Maintainers

View All 62 Contributors

Package Meta Information

Latest Version

11.2.0

Package Id

@progress/kendo-react-labels@11.2.0

Unpacked Size

70.35 kB

Size

14.73 kB

File Count

NPM Version

10.8.1

Node Version

22.16.0

Published on

Jul 01, 2025

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

prop-types

Peer Dependencies

@progress/kendo-licensing @progress/kendo-react-common @progress/kendo-react-intl react react-dom

KendoReact Labels Library for React

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 Labels package, part of KendoReact Free, provides components for labeling form editors.

How to start:

1npm i @kendo-react-labels

What's in this package:

React FloatingLabel component (free)
React Label component (free)
React Hint component (free)
React Error component (free)

Additional information:

React FloatingLabel Component

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

The KendoReact FloatingLabel component lets developers take advantage of floating labels for both form elements and custom focusable elements.

How to use the FloatingLabel component in your apps:

1import { FloatingLabel } from '@progress/kendo-react-labels';
2...
3
4<FloatingLabel label={'This is a floating label'}>
5    /**
6    * Wrap the FloatingLabel around the component for which you want to show the FloatingLabel. All label components are intended for use with input components.
7    */
8</FloatingLabel>

React Label Component

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

The KendoReact Label component adds additional functionality on top of a traditional label HTML element and enables label functionality for any React component.

How to use the Label component in your apps:

1import { Label } from '@progress/kendo-react-labels';
2...
3<Label>
4    This is a label.
5</Label>
6/**
7* Place the Label before or after the input component for which you want to show the Label. All label components are intended for use with input components.
8*/

React Hint Component

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

The KendoReact Hint component enables developers to display a hint message below any input element in your React applications, providing additional useful information to the user.

How to use the Hint component in your apps:

1import { Hint } from '@progress/kendo-react-labels';
2...
3<Hint>
4    This is a label.
5</Hint>
6/**
7* Place the Hint close to the input component for which you want to show the Hint. All label components are intended for use with input components.
8*/

React Error Component

The KendoReact Error component provides additional text to display under React components to deliver error messages.

How to use the Error component in your apps:

1import { Error } from '@progress/kendo-react-labels';
2...
3<Error>
4    This is an error.
5</Error>
6/**
7* Place the Error close to the input component for which you want to show the Error. All label components are intended for use with input components.
8*/

Support Options

For any issues you might encounter while working with the KendoReact Internationalization, 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

High-level component overview pages

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.

No vulnerabilities found.

10

Maintained

Determines if the project is "actively maintained".

10

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

9

License

Determines if the project has defined a license.

5

Branch-Protection

Determines if the default and release branches are protected with GitHub's branch protection settings.

4

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 4

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/cd.yml:22: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/cd.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/cd.yml:27: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/cd.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/cd.yml:35: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/cd.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:18: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/ci.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/ci.yml/master?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/ci.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/ci.yml/master?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/publish-kb.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/telerik/kendo-react/publish-kb.yml/master?enable=pin
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:73
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:94
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:101
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:136
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:144
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:146
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:153
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:160
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:167
Warn: npmCommand not pinned by hash: .github/workflows/ci.yml:174
Info: 0 out of 5 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 2 third-party GitHubAction dependencies pinned
Info: 11 out of 21 npmCommand dependencies pinned

4

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

Fuzzing

Determines if the project uses fuzzing.

0

Security-Policy

Determines if the project has published a security policy.

0

SAST

Determines if the project uses static code analysis.

Score

5.4

/10

Last Scanned on 2025-07-07

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More