https://github.com/venkat-sci/v-react-multiselect
https://github.com/venkat-sci/v-react-multiselect
Last synced: 5 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/venkat-sci/v-react-multiselect
- Owner: venkat-sci
- Created: 2024-10-01T14:01:54.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-07T21:18:39.000Z (over 1 year ago)
- Last Synced: 2025-05-02T06:49:51.825Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://v-react-multiselect.vercel.app
- Size: 2.34 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## v-react-multiselect
`v-react-multiselect` npm package a versatile and customizable multiselect component for React applications.
[Demo](https://v-react-multiselect.vercel.app/)
## Installation
_note: this package used **tailwindcss** calss please makesure you already setup tailwindcss in your project_
tailwind.config.js
```
content: [
// ...
'./node_modules/v-react-multiselect/**/*.{js,ts,jsx,tsx,mdx,mjs}',
// ...
],
```
### npm
```
npm install v-react-multiselect
```
### Options:
- `inputData` Array of strings (Required)
- `returnValues` a callback function (Required)
- `selectedInputData` Array of strngs (Optinal)
- `className` strng (Optinal)
## Basic Usage
```js
import VReactMultiSelect from 'v-react-multiselect';
function App() {
// (Required) base input Array for feed values
const inputData = ['options1', 'options2'];
// (Required) get back the selected values using this call back function as Array
const returnValues = (data: string[]) => {
console.log(data);
};
// (Optinal) if values already selected pass on this Array
const selectedInputData = ['options1'];
// (Optinal) css class for top most div
const className = '';
return (
<>
>
);
}
export default App;
```
### Contributing
Contributions to `v-react-multiselect` are welcome! If you have any issues, feature requests, or improvements, please open an issue or submit a pull request on the [GitHub repository](https://github.com/venkat-sci/v-react-multiselect). Your feedback and support are highly appreciated!
### Reporting Issues
If you encounter any problems while using the library, please open an issue on GitHub. Provide as much detail as possible, including steps to reproduce the issue and any relevant code or screenshots.
## License
This project is licensed under the MIT License.