@progress/kendo-react-progressbars 10.0.0-develop.3 → 10.0.0-develop.5
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.
- package/README.md +48 -15
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -6,30 +6,34 @@
|
|
|
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-progressbars)—
|
|
10
|
-
> -
|
|
11
|
-
> -
|
|
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-progressbars)—an enterprise-grade UI library with 120+ free and premium components.
|
|
10
|
+
> - This package contains both free and premium KendoReact components and tools. To use the premium components, you will need to [purchase a license](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars) 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-progressbars). You can use the free components even in production, no sign-up or license required.
|
|
11
|
+
> - If you're looking for free React components, check out [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free).
|
|
12
|
+
> - If you have an active license, visit 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-progressbars) to learn how to configure your KendoReact licensing.
|
|
13
|
+
> - 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-progressbars).
|
|
12
14
|
> - 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!
|
|
13
15
|
>
|
|
14
16
|
> [Start using KendoReact](https://www.telerik.com/try/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars) and speed up your development process!
|
|
15
17
|
|
|
16
18
|
The React ProgressBars, part of KendoReact, offer a highly customizable interface for users to track and display the progress of a task.
|
|
17
19
|
|
|
18
|
-
|
|
20
|
+
How to start:
|
|
19
21
|
|
|
20
|
-
|
|
21
|
-
-
|
|
22
|
-
|
|
23
|
-
- [Support Options](#support-options)
|
|
24
|
-
- [Resources](#resources)
|
|
22
|
+
```sh
|
|
23
|
+
npm install --save @progress/kendo-react-progressbars @progress/kendo-licensing @progress/kendo-react-animation @progress/kendo-react-common
|
|
24
|
+
```
|
|
25
25
|
|
|
26
|
-
|
|
26
|
+
What's in this package:
|
|
27
27
|
|
|
28
|
-
[
|
|
28
|
+
- [React ProgressBars Components Library Features](#react-progressbars-library-shared-features)
|
|
29
|
+
- [React ProgressBar component (free)](#react-progressbar-component)
|
|
30
|
+
- [React ChunkProgressBar component (premium)](#react-chunkprogressbar-component)
|
|
29
31
|
|
|
30
|
-
|
|
32
|
+
Additional information:
|
|
31
33
|
|
|
32
|
-
[
|
|
34
|
+
- [Support Options](#support-options)
|
|
35
|
+
- [Resources](#resources)
|
|
36
|
+
- [KendoReact ProgressBars API](https://www.telerik.com/kendo-react-ui/components/progressbars/api)
|
|
33
37
|
|
|
34
38
|
## React ProgressBars Components Library Features
|
|
35
39
|
|
|
@@ -38,7 +42,35 @@ Among the many features which the KendoReact ProgressBars deliver are:
|
|
|
38
42
|
- **Setting the default value and ranges**—Easily configure the initial, min and max values that the ProgressBars render.
|
|
39
43
|
- **Controlled mode**—Control the value of the ProgressBars.
|
|
40
44
|
- **Customization**—Easily implement custom styling.
|
|
41
|
-
- [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)—The KendoReact ProgressBars, as well as all
|
|
45
|
+
- [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)—The KendoReact ProgressBars, 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.
|
|
46
|
+
|
|
47
|
+
## React ProgressBar Component
|
|
48
|
+
|
|
49
|
+
> This is a **free React component**—no sign-up or license required, even in production.
|
|
50
|
+
|
|
51
|
+
[The KendoReact ProgressBar component](https://www.telerik.com/kendo-react-ui/components/progressbars/progressbar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars) is perfect for displaying any form of progress in a React application. The React ProgressBar supports being rendered in both horizontal and vertical orientations.
|
|
52
|
+
|
|
53
|
+
How to use the ProgressBar component in your apps:
|
|
54
|
+
|
|
55
|
+
```tsx
|
|
56
|
+
import { ProgressBar } from '@progress/kendo-react-progressbars';
|
|
57
|
+
...
|
|
58
|
+
<ProgressBar />
|
|
59
|
+
```
|
|
60
|
+
|
|
61
|
+
## React ChunkProgressBar Component
|
|
62
|
+
|
|
63
|
+
> This is a KendoReact **premium component** and requires a commercial license or an active trial license.
|
|
64
|
+
|
|
65
|
+
[The KendoReact ChunkProgressBar component](https://www.telerik.com/kendo-react-ui/components/progressbars/chunkprogressbar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars) displays progress within your React applications broken down into chunks, or parts, representing an equal breakdown of the total progress. When styling needs to be updated, the KendoReact ChunkProgressBar can be configured to change its default height or width, as well as customize the appearance of empty or filled chunks to help the component conform to any design requirements.
|
|
66
|
+
|
|
67
|
+
How to use the ProgressBar component in your apps:
|
|
68
|
+
|
|
69
|
+
```tsx
|
|
70
|
+
import { ChunkProgressBar } from '@progress/kendo-react-progressbars';
|
|
71
|
+
...
|
|
72
|
+
<ChunkProgressBar />
|
|
73
|
+
```
|
|
42
74
|
|
|
43
75
|
## Support Options
|
|
44
76
|
|
|
@@ -51,6 +83,7 @@ For any issues you might encounter while working with the KendoReact ProgressBar
|
|
|
51
83
|
## Resources
|
|
52
84
|
|
|
53
85
|
- [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-progressbars)
|
|
86
|
+
- [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free)
|
|
54
87
|
- [Get Started with the KendoReact ProgressBars](https://www.telerik.com/kendo-react-ui/components/progressbars/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)
|
|
55
88
|
- [API Reference of the KendoReact ProgressBars](https://www.telerik.com/kendo-react-ui/components/progressbars/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)
|
|
56
89
|
- [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-progressbars)
|
|
@@ -59,7 +92,7 @@ For any issues you might encounter while working with the KendoReact ProgressBar
|
|
|
59
92
|
- [KendoReact pricing and licensing](https://www.telerik.com/kendo-react-ui/pricing?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)
|
|
60
93
|
- [Changelog](https://www.telerik.com/kendo-react-ui/components/changelogs/ui-for-react/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-progressbars)
|
|
61
94
|
|
|
62
|
-
High-level component overview pages
|
|
95
|
+
High-level component overview pages:
|
|
63
96
|
|
|
64
97
|
- [React ChunkProgressBar Component](https://www.telerik.com/kendo-react-ui/chunkprogressbar)
|
|
65
98
|
- [React ProgressBar Component](https://www.telerik.com/kendo-react-ui/progressbar)
|
package/package-metadata.js
CHANGED
|
@@ -5,4 +5,4 @@
|
|
|
5
5
|
* Licensed under commercial license. See LICENSE.md in the package root for more information
|
|
6
6
|
*-------------------------------------------------------------------------------------------
|
|
7
7
|
*/
|
|
8
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-progressbars",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741611265,version:"10.0.0-develop.5",licensingDocsUrl:"https://www.telerik.com/kendo-react-ui/components/my-license/"};exports.packageMetadata=e;
|
package/package-metadata.mjs
CHANGED
|
@@ -10,8 +10,8 @@ const e = {
|
|
|
10
10
|
productName: "KendoReact",
|
|
11
11
|
productCode: "KENDOUIREACT",
|
|
12
12
|
productCodes: ["KENDOUIREACT"],
|
|
13
|
-
publishDate:
|
|
14
|
-
version: "10.0.0-develop.
|
|
13
|
+
publishDate: 1741611265,
|
|
14
|
+
version: "10.0.0-develop.5",
|
|
15
15
|
licensingDocsUrl: "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
16
16
|
};
|
|
17
17
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-progressbars",
|
|
3
|
-
"version": "10.0.0-develop.
|
|
3
|
+
"version": "10.0.0-develop.5",
|
|
4
4
|
"description": "React ProgressBars offer a customizable interface for users to track and display the progress of a task. KendoReact ProgressBars 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-animation": "10.0.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "10.0.0-develop.
|
|
29
|
+
"@progress/kendo-react-animation": "10.0.0-develop.5",
|
|
30
|
+
"@progress/kendo-react-common": "10.0.0-develop.5",
|
|
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
|
},
|
|
@@ -54,7 +54,7 @@
|
|
|
54
54
|
"package": {
|
|
55
55
|
"productName": "KendoReact",
|
|
56
56
|
"productCode": "KENDOUIREACT",
|
|
57
|
-
"publishDate":
|
|
57
|
+
"publishDate": 1741611265,
|
|
58
58
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
59
59
|
}
|
|
60
60
|
},
|