@progress/kendo-react-labels 10.0.0-develop.3 → 10.0.0-develop.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +79 -10
  2. package/package.json +3 -3
package/README.md CHANGED
@@ -6,40 +6,108 @@
6
6
 
7
7
  > **Important**
8
8
  >
9
- > - This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)—a commercial UI library.
10
- > - You will need to install a license key when adding the package to your project. For more information, please refer to the [KendoReact My License page](https://www.telerik.com/kendo-react-ui/components/my-license/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels).
11
- > - To receive a license key, you need to either [purchase a license](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) or register for a [free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels). Doing so indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels).
12
- > - The 30-day free trial gives you access to all the KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!
9
+ > - This package is а part of [KendoReact](https://www.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)—an enterprise-grade UI library with 120+ free and premium components.
10
+ > - 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: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free).
11
+ > - Installing and working with this package indicates that you [accept the KendoReact License Agreement](https://www.telerik.com/purchase/license-agreement/progress-kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels).
12
+ > - The [30-day free trial](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) gives you access to all the KendoReact components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the KendoReact dev team!
13
13
  >
14
14
  > [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) and speed up your development process!
15
15
 
16
- The React Labels package, part of KendoReact, provides components for labelling form editors.
16
+ The React Labels package, part of KendoReact Free, provides components for labeling form editors.
17
17
 
18
- What's in this package (ToC):
18
+ How to start:
19
+
20
+ ```sh
21
+ npm install --save @kendo-react-labels @progress/kendo-licensing @progress/kendo-react-common @progress/kendo-react-intl
22
+ ```
23
+
24
+ What's in this package:
25
+
26
+ - [React FloatingLabel component (free)](#react-floatinglabel-component)
27
+ - [React Label component (free)](#react-label-component)
28
+ - [React Hint component (free)](#react-hint-component)
29
+ - [React Error component (free)](#react-error-component)
30
+
31
+ Additional information:
19
32
 
20
- - [React FloatingLabel component](#react-floatinglabel-component)
21
- - [React Label component](#react-label-component)
22
- - [React Hint component](#react-hint-component)
23
- - [React Error component](#react-error-component)
24
33
  - [Support Options](#support-options)
25
34
  - [Resources](#resources)
35
+ - [KendoReact Labels API](https://www.telerik.com/kendo-react-ui/components/labels/api)
26
36
 
27
37
  ## React FloatingLabel Component
28
38
 
39
+ > This is a **free React component**—no sign-up or license required, even in production.
40
+
29
41
  [The KendoReact FloatingLabel component](https://www.telerik.com/kendo-react-ui/components/labels/floating-label/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) lets developers take advantage of floating labels for both form elements and custom focusable elements.
30
42
 
43
+ How to use the FloatingLabel component in your apps:
44
+
45
+ ```tsx
46
+ import { FloatingLabel } from '@progress/kendo-react-labels';
47
+ ...
48
+
49
+ <FloatingLabel label={'This is a floating label'}>
50
+ /**
51
+ * Wrap the FloatingLabel around the component for which you want to show the FloatingLabel. All label components are intended for use with input components.
52
+ */
53
+ </FloatingLabel>
54
+ ```
55
+
31
56
  ## React Label Component
32
57
 
58
+ > This is a **free React component**&mdash;no sign-up or license required, even in production.
59
+
33
60
  [The KendoReact Label component](https://www.telerik.com/kendo-react-ui/components/labels/label/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) adds additional functionality on top of a traditional label HTML element and enables label functionality for any React component.
34
61
 
62
+ How to use the Label component in your apps:
63
+
64
+ ```tsx
65
+ import { Label } from '@progress/kendo-react-labels';
66
+ ...
67
+ <Label>
68
+ This is a label.
69
+ </Label>
70
+ /**
71
+ * 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.
72
+ */
73
+ ```
74
+
35
75
  ## React Hint Component
36
76
 
77
+ > This is a **free React component**&mdash;no sign-up or license required, even in production.
78
+
37
79
  [The KendoReact Hint component](https://www.telerik.com/kendo-react-ui/components/labels/hint/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) enables developers to display a hint message below any input element in your React applications, providing additional useful information to the user.
38
80
 
81
+ How to use the Hint component in your apps:
82
+
83
+ ```tsx
84
+ import { Hint } from '@progress/kendo-react-labels';
85
+ ...
86
+ <Hint>
87
+ This is a label.
88
+ </Hint>
89
+ /**
90
+ * 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.
91
+ */
92
+ ```
93
+
39
94
  ## React Error Component
40
95
 
41
96
  [The KendoReact Error component](https://www.telerik.com/kendo-react-ui/components/labels/error/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels) provides additional text to display under React components to deliver error messages.
42
97
 
98
+ How to use the Error component in your apps:
99
+
100
+ ```tsx
101
+ import { Error } from '@progress/kendo-react-labels';
102
+ ...
103
+ <Error>
104
+ This is an error.
105
+ </Error>
106
+ /**
107
+ * 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.
108
+ */
109
+ ```
110
+
43
111
  ## Support Options
44
112
 
45
113
  For any issues you might encounter while working with the KendoReact Internationalization, use any of the available support channels:
@@ -51,6 +119,7 @@ For any issues you might encounter while working with the KendoReact Internation
51
119
  ## Resources
52
120
 
53
121
  - [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/components/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)
122
+ - [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free)
54
123
  - [KendoReact Roadmap](https://www.telerik.com/support/whats-new/kendo-react-ui/roadmap?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)
55
124
  - [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)
56
125
  - [Demos, documentation, and component reference](https://www.telerik.com/kendo-react-ui/components/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-labels)
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-react-labels",
3
- "version": "10.0.0-develop.3",
3
+ "version": "10.0.0-develop.4",
4
4
  "description": "React Labels package provides components for labelling form editors. KendoReact Labels package",
5
5
  "author": "Progress",
6
6
  "license": "SEE LICENSE IN LICENSE.md",
@@ -26,8 +26,8 @@
26
26
  "sideEffects": false,
27
27
  "peerDependencies": {
28
28
  "@progress/kendo-licensing": "^1.5.0",
29
- "@progress/kendo-react-common": "10.0.0-develop.3",
30
- "@progress/kendo-react-intl": "10.0.0-develop.3",
29
+ "@progress/kendo-react-common": "10.0.0-develop.4",
30
+ "@progress/kendo-react-intl": "10.0.0-develop.4",
31
31
  "react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
32
32
  "react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
33
33
  },