@@ -8,10 +8,10 @@ A lightweight Multiple/Single Select Pure functional component for react using R
8
8
<a href =" https://www.npmjs.com/package/react-multiple-select-dropdown-lite " >
9
9
<img alt="npm" src="https://img.shields.io/npm/v/react-multiple-select-dropdown-lite">
10
10
</a >
11
- <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.1.0 " >
11
+ <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@2.0.1 " >
12
12
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/react-multiple-select-dropdown-lite">
13
13
</a >
14
- <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.1.0 " >
14
+ <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@2.0.1 " >
15
15
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/react-multiple-select-dropdown-lite">
16
16
</a >
17
17
<a href =" https://github.com/Arif-un/react-multiple-select-dropdown-lite/pulls " >
@@ -55,8 +55,8 @@ const App = () => {
55
55
</div>
56
56
57
57
<MultiSelect
58
- onChange={handleOnchange}
59
- options={options}
58
+ onChange={handleOnchange}
59
+ options={options}
60
60
/>
61
61
62
62
</div>
@@ -81,8 +81,7 @@ export default App
81
81
|Props| type | default | description
82
82
| -----| ------| ------- | ----------|
83
83
| options| array | "" | pass options as array of object <br > ` label ` : (string or JSX) Options Label <br > ` value ` : Option value <br > ` style ` : (object) custom style <br > ` classes ` : (string) style classes <br >` title ` : must be provide for JSX label <br > <br > example: <br > ` [ { label : "Option 1", value : "opt_1", style: {textAlign: 'center'}, classes: "classA classB" } ] `
84
- |onChange | function | |Return value on input change
85
- | width | int | 300 | Specify width in px
84
+ | width | | | move in css var (version 2.0.1)
86
85
|name| string | '' | specify a name for form
87
86
|disabled | bool | false | disable input
88
87
| defaultValue | string \| array of object \| string array | '' | specify default value
@@ -98,6 +97,29 @@ downArrow |bool | true| show / hide down icon in dropdown
98
97
|attr | object | |set custom attr to element
99
98
|customValue | bool | false |create custom options by pressing enter or comma (,)
100
99
|largeData | bool | false |prevent slow down (DOM) for large amount of data
100
+ |chipAlternateText| string| (number) Item Selected | Show text when chip disabled.
101
+
102
+ <br >
103
+
104
+ ### Events
105
+
106
+ |Props|Params|Description
107
+ |-----|------|------------
108
+ |onChange|values| Trigger on change any value
109
+ |onMenuOpen|null| Trigger when menu open
110
+ |onMenuClose|null| Trigger when menu close
111
+
112
+ <br >
113
+
114
+ ### Change Log
115
+ ###### v-2.0.1
116
+ - Provide component width in css vars intead of props
117
+ - Menu rise up at page bottom
118
+ ###### v-2.0.0
119
+ - React component support as label
120
+ - Search feature improved
121
+ - Custom values grouped
122
+ - Single Select Bug fixed
101
123
102
124
<br >
103
125
<br >
0 commit comments