@progress/kendo-react-dropdowns 4.10.0-dev.202110050803 → 4.10.0-dev.202110151005
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 +43 -11
- package/dist/cdn/js/kendo-react-dropdowns.js +1 -1
- package/dist/es/AutoComplete/AutoComplete.d.ts +1 -0
- package/dist/es/AutoComplete/AutoComplete.js +1 -0
- package/dist/es/ComboBox/ComboBox.d.ts +1 -0
- package/dist/es/ComboBox/ComboBox.js +1 -0
- package/dist/es/DropDownList/DropDownList.d.ts +2 -3
- package/dist/es/DropDownList/DropDownList.js +1 -0
- package/dist/es/DropDownTree/DropDownTree.js +2 -1
- package/dist/es/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
- package/dist/es/MultiSelect/MultiSelect.d.ts +1 -0
- package/dist/es/MultiSelect/MultiSelect.js +1 -0
- package/dist/es/MultiSelectTree/MultiSelectTree.js +2 -1
- package/dist/es/common/DropDownBase.d.ts +2 -0
- package/dist/es/common/DropDownBase.js +1 -0
- package/dist/es/common/settings.d.ts +4 -0
- package/dist/es/package-metadata.js +1 -1
- package/dist/npm/AutoComplete/AutoComplete.d.ts +1 -0
- package/dist/npm/AutoComplete/AutoComplete.js +1 -0
- package/dist/npm/ComboBox/ComboBox.d.ts +1 -0
- package/dist/npm/ComboBox/ComboBox.js +1 -0
- package/dist/npm/DropDownList/DropDownList.d.ts +2 -3
- package/dist/npm/DropDownList/DropDownList.js +1 -0
- package/dist/npm/DropDownTree/DropDownTree.js +2 -1
- package/dist/npm/MultiColumnComboBox/MultiColumnComboBox.js +1 -1
- package/dist/npm/MultiSelect/MultiSelect.d.ts +1 -0
- package/dist/npm/MultiSelect/MultiSelect.js +1 -0
- package/dist/npm/MultiSelectTree/MultiSelectTree.js +2 -1
- package/dist/npm/common/DropDownBase.d.ts +2 -0
- package/dist/npm/common/DropDownBase.js +1 -0
- package/dist/npm/common/settings.d.ts +4 -0
- package/dist/npm/package-metadata.js +1 -1
- package/dist/systemjs/kendo-react-dropdowns.js +1 -1
- package/package.json +7 -7
package/README.md
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
<img src="https://www.telerik.com/kendo-react-ui/npm-banner.svg">
|
|
3
3
|
</a>
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
# KendoReact DropDowns Library for React
|
|
6
6
|
|
|
7
7
|
> **Important**
|
|
8
8
|
> * 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-dropdowns)—a commercial UI library.
|
|
@@ -14,16 +14,48 @@
|
|
|
14
14
|
|
|
15
15
|
The KendoReact DropDowns offer a highly customizable interface for users to select different items from a list, search in large lists, and more. All KendoReact DropDowns are following the best accessibility standards.
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
What's in this package (ToC):
|
|
18
18
|
|
|
19
|
-
* [AutoComplete component](
|
|
20
|
-
* [ComboBox component](
|
|
21
|
-
* [MultiColumnComboBox component](
|
|
22
|
-
* [
|
|
23
|
-
* [DropDownTree component](
|
|
24
|
-
* [MultiSelect component](
|
|
19
|
+
* [React AutoComplete component](#react-autocomplete-component)
|
|
20
|
+
* [React ComboBox component](#react-combobox-component)
|
|
21
|
+
* [React MultiColumnComboBox component](#react-multicolumncombobox-component)
|
|
22
|
+
* [React DropDown List component](#react-dropdown-list-component)
|
|
23
|
+
* [React DropDownTree component](#react-dropdowntree-component)
|
|
24
|
+
* [React MultiSelect component](#react-multiselect-component)
|
|
25
|
+
* [React MultiSelectTree component](#react-multiselecttree-component)
|
|
26
|
+
* [React DropDowns Components Library Features](#react-dropdowns-components-library-features)
|
|
27
|
+
* [Support Options](#support-options)
|
|
28
|
+
* [Resources](#resources)
|
|
25
29
|
|
|
26
|
-
## React
|
|
30
|
+
## React AutoComplete Component
|
|
31
|
+
|
|
32
|
+
[The KendoReact AutoComplete component](https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is part of KendoReact and lets your end-users type text into an input element and a list of suggested items will appear in a popup beneath. With suggestions turned on, the React AutoComplete will fill in the input field with suggestions from the underlying data, saving the user a lot of time when selecting data in the AutoComplete.
|
|
33
|
+
|
|
34
|
+
## React ComboBox Component
|
|
35
|
+
|
|
36
|
+
[The KendoReact ComboBox component](https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is part of KendoReact and is a form component designed to let end users choose a predefined value from a list, and often is used as a much richer version of the select HTML element. Initially popularized by Material Design, Floating Labels have become so popular that almost any input can take advantage of their sleek look and feel. With the suggestion feature enabled, the KendoReact ComboBox will attempt to autofill the input element based on the closest available value.
|
|
37
|
+
|
|
38
|
+
## React MultiColumnComboBox Component
|
|
39
|
+
|
|
40
|
+
[The KendoReact MultiColumnComboBox component](https://www.telerik.com/kendo-react-ui/components/dropdowns/multicolumncombobox/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) provides a dropdown component that displays information about items in multiple fields arranged in columns. The KendoReact MultiColumn ComboBox comes with filtering, grouping, virtualization and more handy features. When handling larger sets of data, it is very helpful to organize information in categories. With grouping enabled, the React MultiColumn ComboBox can group all data items by a particular field.
|
|
41
|
+
|
|
42
|
+
## React DropDown List Component
|
|
43
|
+
|
|
44
|
+
[The KendoReact DropDownList component](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is a form component that enables end users to choose a single predefined value from a list, without support for typing in values, and is a richer form of the select element. The KendoReact DropDownList can be bound to various forms of data, including datasets of objects, an array of primitive values or binding directly to a single value property. Additionally, the React DropDown List can bind separate fields to the displayed text and the underlying value. By Default, the KendoReact DropDownList will render an empty area if no value has been displayed. Some requirements may call for some sort of placeholder string indicating what the DropDownList component is for, which is where the default item feature comes in.
|
|
45
|
+
|
|
46
|
+
## React DropDownTree Component
|
|
47
|
+
|
|
48
|
+
A combination of a TreeView and a DropDown component, [the KendoReact DropDownTree component](https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdowntree/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is perfect for forms that need to display complex data concisely. When users interact with this simple input element, the dropdown opens up to reveal a built-in TreeView with a hierarchical structure.
|
|
49
|
+
|
|
50
|
+
## React MultiSelect Component
|
|
51
|
+
|
|
52
|
+
[The KendoReact MultiSelect component](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is a form component that displays a list of options in a popup and allows for multiple items to be selected from this list. Each selected item is rendered as a tag in the input element. With the custom tags feature, the MultiSelect can customize what to display when an item is selected, including having a single tag representing all selected items.
|
|
53
|
+
|
|
54
|
+
## React MultiSelectTree Component
|
|
55
|
+
|
|
56
|
+
[The KendoReact MultiSelectTree component](https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselecttree/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns) is a form component that lets you choose multiple predefined values from a hierarchical list and is a richer version of the `select` element. The component supports filtering, custom rendering, keyboard navigation, expand and collapse of the `hierarchical` data items.
|
|
57
|
+
|
|
58
|
+
## React DropDowns Components Library Features
|
|
27
59
|
|
|
28
60
|
Among the many features which the KendoReact DropDowns deliver are:
|
|
29
61
|
|
|
@@ -35,7 +67,7 @@ Among the many features which the KendoReact DropDowns deliver are:
|
|
|
35
67
|
* **Setting the default value**—Easily configure the initial value that the DropDowns render.
|
|
36
68
|
* **Form validation**—Validate the values, set validation requirements, and prevent the submission of forms which are in invalid state.
|
|
37
69
|
* **Accessibility support**—The DropDowns are compliant with WAI-ARIA, Section 508, and provide keyboard navigation.
|
|
38
|
-
* [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)—The KendoReact DropDowns, as well as all
|
|
70
|
+
* [Theme support](https://www.telerik.com/kendo-react-ui/components/styling/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)—The KendoReact DropDowns, 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.
|
|
39
71
|
|
|
40
72
|
## Support Options
|
|
41
73
|
|
|
@@ -50,7 +82,7 @@ For any issues you might encounter while working with the KendoReact DropDowns,
|
|
|
50
82
|
* [Getting Started with KendoReact](https://www.telerik.com/kendo-react-ui/getting-started/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)
|
|
51
83
|
* [Getting Started with the KendoReact DropDowns](https://www.telerik.com/kendo-react-ui/components/dropdowns/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)
|
|
52
84
|
* [API Reference of the KendoReact DropDowns](https://www.telerik.com/kendo-react-ui/components/dropdowns/api/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)
|
|
53
|
-
* [KendoReact Roadmap](https://www.telerik.com/kendo-react-ui/roadmap/?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)
|
|
85
|
+
* [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-dropdowns)
|
|
54
86
|
* [Blogs](https://www.telerik.com/blogs/tag/kendoreact?utm_medium=referral&utm_source=npm&utm_campaign=kendo-ui-react-trial-npm-dropdowns)
|
|
55
87
|
* [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-dropdowns)
|
|
56
88
|
* [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-dropdowns)
|