@progress/kendo-react-layout 10.0.0-develop.5 → 10.0.0
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 +23 -25
- package/package-metadata.js +1 -1
- package/package-metadata.mjs +2 -2
- package/package.json +9 -9
package/README.md
CHANGED
|
@@ -1,17 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
<img src="https://www.telerik.com/kendo-react-ui/components/npm-banner.svg" alt="KendoReact NPM Banner">
|
|
3
|
-
</a>
|
|
1
|
+
[](https://www.telerik.com/kendo-react-ui/components/free?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout&utm_content=banner)
|
|
4
2
|
|
|
5
3
|
# KendoReact Layout Library for React
|
|
6
4
|
|
|
7
5
|
> **Important**
|
|
8
6
|
>
|
|
9
7
|
> - 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-layout)—an enterprise-grade UI library with 120+ free and premium components.
|
|
10
|
-
> -
|
|
11
|
-
> -
|
|
12
|
-
> -
|
|
13
|
-
> -
|
|
14
|
-
> - The 30-day free trial gives you access to all
|
|
8
|
+
> - It 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-layout) 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-layout). You can use the free components without having to sign up or get a license key.
|
|
9
|
+
> - If you're looking for free React components, check out [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free).
|
|
10
|
+
> - 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-layout) to learn how to configure your KendoReact licensing.
|
|
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-layout).
|
|
12
|
+
> - 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!
|
|
15
13
|
>
|
|
16
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-layout) and speed up your development process!
|
|
17
15
|
|
|
@@ -64,7 +62,7 @@ Among the many features which the KendoReact Layout deliver are:
|
|
|
64
62
|
|
|
65
63
|
## React ActionSheet Component
|
|
66
64
|
|
|
67
|
-
> This is a **free React component**—no sign-up or license required
|
|
65
|
+
> This is a **free React component**—no sign-up or license required.
|
|
68
66
|
|
|
69
67
|
[The KendoReact ActionSheet component](https://www.telerik.com/kendo-react-ui/components/layout/actionsheet?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) lets you display a
|
|
70
68
|
|
|
@@ -109,7 +107,7 @@ import { ActionSheet, ActionSheetItemProps } from '@progress/kendo-react-layout'
|
|
|
109
107
|
|
|
110
108
|
## React AppBar Component
|
|
111
109
|
|
|
112
|
-
> This is a **free React component**—no sign-up or license required
|
|
110
|
+
> This is a **free React component**—no sign-up or license required.
|
|
113
111
|
|
|
114
112
|
[The KendoReact AppBar component](https://www.telerik.com/kendo-react-ui/components/layout/appbar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) serves as the main navigation of your application, containing navigation elements and the title of the application or current page.
|
|
115
113
|
|
|
@@ -143,7 +141,7 @@ import {
|
|
|
143
141
|
|
|
144
142
|
## React Avatar Component
|
|
145
143
|
|
|
146
|
-
> This is a **free React component**—no sign-up or license required
|
|
144
|
+
> This is a **free React component**—no sign-up or license required.
|
|
147
145
|
|
|
148
146
|
[The KendoReact Avatar component](https://www.telerik.com/kendo-react-ui/components/layout/avatar/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) is a perfect for displaying images, icons or initials to represent people or other entities within your React applications.
|
|
149
147
|
|
|
@@ -161,7 +159,7 @@ import { Avatar } from '@progress/kendo-react-layout';
|
|
|
161
159
|
|
|
162
160
|
## React BottomNavigation Component
|
|
163
161
|
|
|
164
|
-
> This is a **free React component**—no sign-up or license required
|
|
162
|
+
> This is a **free React component**—no sign-up or license required.
|
|
165
163
|
|
|
166
164
|
[The KendoReact BottomNavigation component](https://www.telerik.com/kendo-react-ui/components/layout/bottomnavigation/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) is the perfect navigation UI element for responsive web and mobile applications. Each navigation item within the React component features the ability to define a combination of icons and text to best illustrate where it leads.
|
|
167
165
|
|
|
@@ -186,7 +184,7 @@ import { BottomNavigation } from '@progress/kendo-react-layout';
|
|
|
186
184
|
|
|
187
185
|
## React Breadcrumb Component
|
|
188
186
|
|
|
189
|
-
> This is a **free React component**—no sign-up or license required
|
|
187
|
+
> This is a **free React component**—no sign-up or license required.
|
|
190
188
|
|
|
191
189
|
[The KendoReact Breadcrumb component](https://www.telerik.com/kendo-react-ui/components/layout/breadcrumb/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) allows you to navigate within a folder structure or web page. It provides an easy way to navigate backwards by one or multiple steps.
|
|
192
190
|
|
|
@@ -205,7 +203,7 @@ import { Breadcrumb } from "@progress/kendo-react-layout";
|
|
|
205
203
|
|
|
206
204
|
## React Card Component
|
|
207
205
|
|
|
208
|
-
> This is a **free React component**—no sign-up or license required
|
|
206
|
+
> This is a **free React component**—no sign-up or license required.
|
|
209
207
|
|
|
210
208
|
[The KendoReact Card component](https://www.telerik.com/kendo-react-ui/components/layout/card/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) represents a common layout item in many modern design languages. The React Card component contains content and actions about a single subject and can work well on its own, as well as when combined with components like the KendoReact ListView to display a collection of cards.
|
|
211
209
|
|
|
@@ -251,7 +249,7 @@ import {
|
|
|
251
249
|
|
|
252
250
|
## React ContextMenu Component
|
|
253
251
|
|
|
254
|
-
> This is a **free React component**—no sign-up or license required
|
|
252
|
+
> This is a **free React component**—no sign-up or license required.
|
|
255
253
|
|
|
256
254
|
[The KendoReact ContextMenu component](https://www.telerik.com/kendo-react-ui/components/layout/contextmenu?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) delivers a context menu that pops when a user right-clicks within the UI. It’s best used when you want to add common or advanced commands for the user to execute while preserving screen space for more important information.
|
|
257
255
|
|
|
@@ -279,7 +277,7 @@ import {
|
|
|
279
277
|
|
|
280
278
|
## React Drawer Component
|
|
281
279
|
|
|
282
|
-
> This is a **free React component**—no sign-up or license required
|
|
280
|
+
> This is a **free React component**—no sign-up or license required.
|
|
283
281
|
|
|
284
282
|
[The KendoReact Drawer component](https://www.telerik.com/kendo-react-ui/components/layout/drawer/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) offers a navigation that can be permanently displayed, shown and hidden on command, and offers various styles for presenting navigation items.
|
|
285
283
|
|
|
@@ -317,7 +315,7 @@ import {
|
|
|
317
315
|
|
|
318
316
|
## React ExpansionPanel Component
|
|
319
317
|
|
|
320
|
-
> This is a **free React component**—no sign-up or license required
|
|
318
|
+
> This is a **free React component**—no sign-up or license required.
|
|
321
319
|
|
|
322
320
|
[The KendoReact ExpansionPanel component](https://www.telerik.com/kendo-react-ui/components/layout/expansionpanel?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) delivers an easy way for implementing what’s usually a tedious process—a context menu that pops when a user right-clicks on your UI. It’s best used when you want to add common or advanced commands for the user to execute while preserving screen space for more important information.
|
|
323
321
|
|
|
@@ -341,7 +339,7 @@ import { ExpansionPanel, ExpansionPanelContent } from '@progress/kendo-react-lay
|
|
|
341
339
|
|
|
342
340
|
## React GridLayout Component
|
|
343
341
|
|
|
344
|
-
> This is a **free React component**—no sign-up or license required
|
|
342
|
+
> This is a **free React component**—no sign-up or license required.
|
|
345
343
|
|
|
346
344
|
[The KendoReact GridLayout component](https://www.telerik.com/kendo-react-ui/components/layout/gridlayout/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) allows you to easily arrange the contents of the component in rows and columns in a grid structure.
|
|
347
345
|
|
|
@@ -361,7 +359,7 @@ import { GridLayout, GridLayoutItem } from '@progress/kendo-react-layout';
|
|
|
361
359
|
|
|
362
360
|
## React Menu Component
|
|
363
361
|
|
|
364
|
-
> This is a **free React component**—no sign-up or license required
|
|
362
|
+
> This is a **free React component**—no sign-up or license required.
|
|
365
363
|
|
|
366
364
|
[The KendoReact Menu component](https://www.telerik.com/kendo-react-ui/components/layout/menu/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) is great to provide nice navigation for the web application. The component can have many sub-menu options making it very easy to navigate through applications with multiple levels of pages.
|
|
367
365
|
|
|
@@ -442,7 +440,7 @@ import { Splitter, SplitterOnChangeEvent } from '@progress/kendo-react-layout';
|
|
|
442
440
|
|
|
443
441
|
## React StackLayout Component
|
|
444
442
|
|
|
445
|
-
> This is a **free React component**—no sign-up or license required
|
|
443
|
+
> This is a **free React component**—no sign-up or license required.
|
|
446
444
|
|
|
447
445
|
[The KendoReact StackLayout component](https://www.telerik.com/kendo-react-ui/components/layout/stacklayout/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) allows you to easily align vertically or horizontally multiple elements in a stack.
|
|
448
446
|
|
|
@@ -460,7 +458,7 @@ import { StackLayout } from '@progress/kendo-react-layout';
|
|
|
460
458
|
|
|
461
459
|
## React Stepper Component
|
|
462
460
|
|
|
463
|
-
> This is a **free React component**—no sign-up or license required
|
|
461
|
+
> This is a **free React component**—no sign-up or license required.
|
|
464
462
|
|
|
465
463
|
[The KendoReact Stepper component](https://www.telerik.com/kendo-react-ui/components/layout/stepper/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) enables developers to create a set of logical steps in sequential order and visualizes the progress throughout the steps.
|
|
466
464
|
|
|
@@ -484,7 +482,7 @@ import { Stepper, StepperChangeEvent } from '@progress/kendo-react-layout';
|
|
|
484
482
|
|
|
485
483
|
## React TabStrip Component
|
|
486
484
|
|
|
487
|
-
> This is a **free React component**—no sign-up or license required
|
|
485
|
+
> This is a **free React component**—no sign-up or license required.
|
|
488
486
|
|
|
489
487
|
With [the KendoReact TabStrip component](https://www.telerik.com/kendo-react-ui/components/layout/tabstrip/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) you can display a collection of tabs each with its own associated content. Each tab within the KendoReact TabStrip component comes with multiple configuration options. This includes setting the text of the tabs, displaying or not displaying tabs on initial loading, setting the tab position, as well as implementing closable tabs.
|
|
490
488
|
|
|
@@ -511,7 +509,7 @@ import {
|
|
|
511
509
|
|
|
512
510
|
## React TileLayout Component
|
|
513
511
|
|
|
514
|
-
> This is a **free React component**—no sign-up or license required
|
|
512
|
+
> This is a **free React component**—no sign-up or license required.
|
|
515
513
|
|
|
516
514
|
[The KendoReact TileLayout component](https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) is perfect for creating interactive dashboards using a single UI component with a flexible set of configuration options.
|
|
517
515
|
|
|
@@ -561,14 +559,14 @@ import { Timeline } from '@progress/kendo-react-layout';
|
|
|
561
559
|
|
|
562
560
|
For any issues you might encounter while working with the KendoReact Layout, use any of the available support channels:
|
|
563
561
|
|
|
564
|
-
- 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 syste.](https://www.telerik.com/account/support-
|
|
562
|
+
- 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 syste.](https://www.telerik.com/account/support-center/contact-us/technical-support?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout).
|
|
565
563
|
- Product forums—The [KendoReact forums](https://www.telerik.com/forums/kendo-ui-react?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) are part of the free support you can get from the community and from the KendoReact team.
|
|
566
564
|
- Feedback portal—The [KendoReact feedback portal](https://feedback.telerik.com/kendo-react-ui?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout) is where you can request and vote for new features to be added.
|
|
567
565
|
|
|
568
566
|
## Resources
|
|
569
567
|
|
|
570
568
|
- [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-layout)
|
|
571
|
-
- [Get Started with KendoReact Free
|
|
569
|
+
- [Get Started with KendoReact Free](https://www.telerik.com/kendo-react-ui/components/free)
|
|
572
570
|
- [Getting Started with the KendoReact Layout](https://www.telerik.com/kendo-react-ui/components/layout/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)
|
|
573
571
|
- [API Reference of the KendoReact Layout](https://www.telerik.com/kendo-react-ui/components/layout/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-layout)
|
|
574
572
|
- [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-layout)
|
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-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate:
|
|
8
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={name:"@progress/kendo-react-layout",productName:"KendoReact",productCode:"KENDOUIREACT",productCodes:["KENDOUIREACT"],publishDate: 1741695338,version:"10.0.0",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
|
|
13
|
+
publishDate: 1741695338,
|
|
14
|
+
version: "10.0.0",
|
|
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-layout",
|
|
3
|
-
"version": "10.0.0
|
|
3
|
+
"version": "10.0.0",
|
|
4
4
|
"description": "React Layout components enable you to create a perceptive and intuitive layout of web projects. KendoReact Layout package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
},
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
|
-
"@progress/kendo-licensing": "^1.5.
|
|
29
|
-
"@progress/kendo-react-animation": "10.0.0
|
|
30
|
-
"@progress/kendo-react-buttons": "10.0.0
|
|
31
|
-
"@progress/kendo-react-common": "10.0.0
|
|
32
|
-
"@progress/kendo-react-intl": "10.0.0
|
|
33
|
-
"@progress/kendo-react-popup": "10.0.0
|
|
34
|
-
"@progress/kendo-react-progressbars": "10.0.0
|
|
28
|
+
"@progress/kendo-licensing": "^1.5.1",
|
|
29
|
+
"@progress/kendo-react-animation": "10.0.0",
|
|
30
|
+
"@progress/kendo-react-buttons": "10.0.0",
|
|
31
|
+
"@progress/kendo-react-common": "10.0.0",
|
|
32
|
+
"@progress/kendo-react-intl": "10.0.0",
|
|
33
|
+
"@progress/kendo-react-popup": "10.0.0",
|
|
34
|
+
"@progress/kendo-react-progressbars": "10.0.0",
|
|
35
35
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
36
36
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
37
37
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"package": {
|
|
62
62
|
"productName": "KendoReact",
|
|
63
63
|
"productCode": "KENDOUIREACT",
|
|
64
|
-
"publishDate":
|
|
64
|
+
"publishDate": 1741695338,
|
|
65
65
|
"licensingDocsUrl": "https://www.telerik.com/kendo-react-ui/components/my-license/"
|
|
66
66
|
}
|
|
67
67
|
},
|