Skip to content

Commit 1093f6b

Browse files
committed
Update README.md
1 parent 9159ba1 commit 1093f6b

File tree

1 file changed

+28
-6
lines changed

1 file changed

+28
-6
lines changed

README.md

Lines changed: 28 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -8,10 +8,10 @@ A lightweight Multiple/Single Select Pure functional component for react using R
88
<a href="https://www.npmjs.com/package/react-multiple-select-dropdown-lite">
99
<img alt="npm" src="https://img.shields.io/npm/v/react-multiple-select-dropdown-lite">
1010
</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">
1212
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/react-multiple-select-dropdown-lite">
1313
</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">
1515
<img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/react-multiple-select-dropdown-lite">
1616
</a>
1717
<a href="https://github.com/Arif-un/react-multiple-select-dropdown-lite/pulls">
@@ -55,8 +55,8 @@ const App = () => {
5555
</div>
5656
5757
<MultiSelect
58-
onChange={handleOnchange}
59-
options={options}
58+
onChange={handleOnchange}
59+
options={options}
6060
/>
6161
6262
</div>
@@ -81,8 +81,7 @@ export default App
8181
|Props| type | default | description
8282
|-----|------| ------- | ----------|
8383
| 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)
8685
|name| string | '' | specify a name for form
8786
|disabled | bool | false | disable input
8887
| defaultValue | string \| array of object \| string array | '' | specify default value
@@ -98,6 +97,29 @@ downArrow |bool | true| show / hide down icon in dropdown
9897
|attr | object | |set custom attr to element
9998
|customValue | bool | false |create custom options by pressing enter or comma (,)
10099
|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
101123

102124
<br>
103125
<br>

0 commit comments

Comments
 (0)