22A lightweight Multiple/Single Select Pure functional component for react using React-Hooks.
33
44<p align =" center " >
5- <a href="https://github.com/Arif-un/react-multiple-select-dropdown-lite/blob/master/LICENSE">
5+ <a href =" https://github.com/Arif-un/react-multiple-select-dropdown-lite/blob/master/LICENSE " >
66 <img src="https://img.shields.io/badge/license-MIT-blue.svg" alt="React Multiple Select Dropdown Lite is released under the MIT license." />
77 </a >
8- <a href="https://www.npmjs.com/package/react-multiple-select-dropdown-lite">
8+ <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.0.19">
12- <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/react-multiple-select-dropdown-lite">
13- </a>
14- <a href="https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.19">
15- <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/react-multiple-select-dropdown-lite">
16- </a>
17- <a href="https://github.com/Arif-un/react-multiple-select-dropdown-lite/pulls">
18- <img alt="npm bundle size" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg">
19- </a>
20-
11+ <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.19 " >
12+ <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/min/react-multiple-select-dropdown-lite">
13+ </a >
14+ <a href =" https://bundlephobia.com/result?p=react-multiple-select-dropdown-lite@1.0.19 " >
15+ <img alt="npm bundle size" src="https://img.shields.io/bundlephobia/minzip/react-multiple-select-dropdown-lite">
16+ </a >
17+ <a href =" https://github.com/Arif-un/react-multiple-select-dropdown-lite/pulls " >
18+ <img alt="npm bundle size" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg">
19+ </a >
2120</p >
2221
2322### Screenshot
@@ -35,32 +34,32 @@ import 'react-multiple-select-dropdown-lite/dist/index.css'
3534
3635const App = () => {
3736
38- const [value, setvalue] = useState('')
37+ const [value, setvalue] = useState('')
3938
40- const handleOnchange = val => {
41- setvalue(val)
42- }
39+ const handleOnchange = val => {
40+ setvalue(val)
41+ }
4342
44- const options = [
45- { label: 'Option 1', value: 'option_1' },
46- { label: 'Option 2', value: 'option_2' },
47- { label: 'Option 3', value: 'option_3' },
48- { label: 'Option 4', value: 'option_4' },
49- ]
43+ const options = [
44+ { label: 'Option 1', value: 'option_1' },
45+ { label: 'Option 2', value: 'option_2' },
46+ { label: 'Option 3', value: 'option_3' },
47+ { label: 'Option 4', value: 'option_4' },
48+ ]
5049
51- return(
52- <div className="app">
53- <div className="preview-values">
54- <h4>Values</h4>
55- {value}
56- </div>
50+ return(
51+ <div className="app">
52+ <div className="preview-values">
53+ <h4>Values</h4>
54+ {value}
55+ </div>
5756
58- <MultiSelect
59- onChange={handleOnchange}
60- options={options}
61- />
57+ <MultiSelect
58+ onChange={handleOnchange}
59+ options={options}
60+ />
6261
63- </div>
62+ </div>
6463)}
6564export default App
6665```
0 commit comments