@progress/kendo-react-listbox 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 +31 -6
- package/package.json +4 -4
package/README.md
CHANGED
|
@@ -6,14 +6,20 @@
|
|
|
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-listbox)—
|
|
10
|
-
> -
|
|
11
|
-
> -
|
|
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-listbox)—an enterprise-grade UI library with 120+ free and premium components.
|
|
10
|
+
> - This is a free React ListBox component. 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-listbox).
|
|
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-listbox) 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-listbox) and speed up your development process!
|
|
15
15
|
|
|
16
|
-
The [React ListBox](https://www.telerik.com/kendo-react-ui/listbox), part of KendoReact, enables you to display a list of items and manage the data between multiple lists.
|
|
16
|
+
The [React ListBox](https://www.telerik.com/kendo-react-ui/listbox), part of KendoReact Free, enables you to display a list of items and manage the data between multiple lists.
|
|
17
|
+
|
|
18
|
+
How to start:
|
|
19
|
+
|
|
20
|
+
```sh
|
|
21
|
+
npm install --save @progress/kendo-react-listbox @progress/kendo-licensing @progress/kendo-react-buttons @progress/kendo-react-common @progress/kendo-react-intl @progress/kendo-svg-icons
|
|
22
|
+
```
|
|
17
23
|
|
|
18
24
|
## React ListBox
|
|
19
25
|
|
|
@@ -25,6 +31,24 @@ Among the features which the KendoReact ListBox component delivers are:
|
|
|
25
31
|
- [Selection](https://www.telerik.com/kendo-react-ui/components/listbox/selection/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-listbox)—You can select single on multiple item from the ListBox.
|
|
26
32
|
- [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-listbox)—The KendoReact ListBox, as well as all 100+ components in the KendoReact suite, are styled in three polished themes (Bootstrap, Material, and Default) and can be further customized to match your specific design guidelines.
|
|
27
33
|
|
|
34
|
+
How to use the ListBox component in your apps:
|
|
35
|
+
|
|
36
|
+
```tsx
|
|
37
|
+
import { ListBox } from '@progress/kendo-react-listbox';
|
|
38
|
+
...
|
|
39
|
+
/**
|
|
40
|
+
* Provide the data that you want to show in the ListBox.
|
|
41
|
+
* Handle the logic for user interactions within the LitsBox.
|
|
42
|
+
*/
|
|
43
|
+
<ListBox
|
|
44
|
+
data={data}
|
|
45
|
+
textField="Field" // Must match a field from your data source.
|
|
46
|
+
/**
|
|
47
|
+
* Set additional props to add a toolbar and handle user interactions.
|
|
48
|
+
*/
|
|
49
|
+
/>
|
|
50
|
+
```
|
|
51
|
+
|
|
28
52
|
## Support Options
|
|
29
53
|
|
|
30
54
|
For any issues you might encounter while working with the KendoReact ListBox, use any of the available support channels:
|
|
@@ -36,6 +60,7 @@ For any issues you might encounter while working with the KendoReact ListBox, us
|
|
|
36
60
|
## Resources
|
|
37
61
|
|
|
38
62
|
- [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-listbox)
|
|
63
|
+
- [Get Started with KendoReact Free: 50+ Free React Components](https://www.telerik.com/kendo-react-ui/components/free)
|
|
39
64
|
- [Get Started with the KendoReact ListBox](https://www.telerik.com/kendo-react-ui/components/listbox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-listbox)
|
|
40
65
|
- [API Reference of the KendoReact ListBox](https://www.telerik.com/kendo-react-ui/components/listbox/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-listbox)
|
|
41
66
|
- [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-listbox)
|
|
@@ -44,7 +69,7 @@ For any issues you might encounter while working with the KendoReact ListBox, us
|
|
|
44
69
|
- [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-listbox)
|
|
45
70
|
- [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-listbox)
|
|
46
71
|
|
|
47
|
-
High-level component overview
|
|
72
|
+
High-level component overview page:
|
|
48
73
|
|
|
49
74
|
- [React ListBox Component](https://www.telerik.com/kendo-react-ui/listbox)
|
|
50
75
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-react-listbox",
|
|
3
|
-
"version": "10.0.0-develop.
|
|
3
|
+
"version": "10.0.0-develop.5",
|
|
4
4
|
"description": "React ListBox enables you to display a list of items and manage the data between multiple lists. KendoReact ListBox package",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "SEE LICENSE IN LICENSE.md",
|
|
@@ -26,9 +26,9 @@
|
|
|
26
26
|
"sideEffects": false,
|
|
27
27
|
"peerDependencies": {
|
|
28
28
|
"@progress/kendo-licensing": "^1.5.0",
|
|
29
|
-
"@progress/kendo-react-buttons": "10.0.0-develop.
|
|
30
|
-
"@progress/kendo-react-common": "10.0.0-develop.
|
|
31
|
-
"@progress/kendo-react-intl": "10.0.0-develop.
|
|
29
|
+
"@progress/kendo-react-buttons": "10.0.0-develop.5",
|
|
30
|
+
"@progress/kendo-react-common": "10.0.0-develop.5",
|
|
31
|
+
"@progress/kendo-react-intl": "10.0.0-develop.5",
|
|
32
32
|
"@progress/kendo-svg-icons": "^4.0.0",
|
|
33
33
|
"react": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc",
|
|
34
34
|
"react-dom": "^16.8.2 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
|