{"id":29387956,"url":"https://github.com/venkat-sci/v-react-multiselect","last_synced_at":"2026-02-04T13:13:26.506Z","repository":{"id":257811902,"uuid":"866015976","full_name":"venkat-sci/v-react-multiselect","owner":"venkat-sci","description":null,"archived":false,"fork":false,"pushed_at":"2024-10-07T21:18:39.000Z","size":2450,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-02T06:49:51.825Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://v-react-multiselect.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/venkat-sci.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-01T14:01:54.000Z","updated_at":"2024-10-07T21:18:42.000Z","dependencies_parsed_at":null,"dependency_job_id":"6aef899d-0e3e-4b51-a1ee-0e56ce8a7562","html_url":"https://github.com/venkat-sci/v-react-multiselect","commit_stats":null,"previous_names":["venkat-sci/v-react-multiselect"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/venkat-sci/v-react-multiselect","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venkat-sci%2Fv-react-multiselect","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venkat-sci%2Fv-react-multiselect/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venkat-sci%2Fv-react-multiselect/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venkat-sci%2Fv-react-multiselect/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/venkat-sci","download_url":"https://codeload.github.com/venkat-sci/v-react-multiselect/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/venkat-sci%2Fv-react-multiselect/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264537792,"owners_count":23624424,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-07-10T06:06:49.012Z","updated_at":"2026-02-04T13:13:21.474Z","avatar_url":"https://github.com/venkat-sci.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"## v-react-multiselect\n\n![V React Multiselect screenshot](https://raw.githubusercontent.com/venkat-sci/v-react-multiselect/refs/heads/master/images/vreactmultiselect.png)\n\n`v-react-multiselect` npm package a versatile and customizable multiselect component for React applications.\n\n[Demo](https://v-react-multiselect.vercel.app/)\n\n## Installation\n\n_note: this package used **tailwindcss** calss please makesure you already setup tailwindcss in your project_\n\ntailwind.config.js\n\n```\ncontent: [\n  // ...\n    './node_modules/v-react-multiselect/**/*.{js,ts,jsx,tsx,mdx,mjs}',\n  // ...\n  ],\n```\n\n### npm\n\n```\nnpm install v-react-multiselect\n```\n\n### Options:\n\n- `inputData` Array of strings (Required)\n- `returnValues` a callback function (Required)\n- `selectedInputData` Array of strngs (Optinal)\n- `className` strng (Optinal)\n\n## Basic Usage\n\n```js\nimport VReactMultiSelect from 'v-react-multiselect';\n\nfunction App() {\n  // (Required) base input Array for feed values\n  const inputData = ['options1', 'options2'];\n\n  // (Required) get back the selected values using this call back function as Array\n  const returnValues = (data: string[]) =\u003e {\n    console.log(data);\n  };\n\n  // (Optinal) if values already selected pass on this Array\n  const selectedInputData = ['options1'];\n\n  // (Optinal) css class for top most  div\n  const className = '';\n  return (\n    \u003c\u003e\n      \u003cVReactMultiSelect\n        className={className}\n        returnValues={returnValues}\n        selectedInputData={selectedInputData}\n        inputData={inputData}\n      /\u003e\n    \u003c/\u003e\n  );\n}\n\nexport default App;\n```\n\n### Contributing\n\nContributions 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!\n\n### Reporting Issues\n\nIf 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.\n\n## License\n\nThis project is licensed under the MIT License.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvenkat-sci%2Fv-react-multiselect","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvenkat-sci%2Fv-react-multiselect","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvenkat-sci%2Fv-react-multiselect/lists"}