{"id":29426465,"url":"https://github.com/reggarantai/rr-multi-select","last_synced_at":"2026-04-18T07:37:07.238Z","repository":{"id":57677303,"uuid":"489667547","full_name":"reggarantai/rr-multi-select","owner":"reggarantai","description":"A Simple multiple select React component with type to search feature that can handle thousands of data (up to 5000) with minimum latency","archived":false,"fork":false,"pushed_at":"2022-05-07T12:50:26.000Z","size":6869,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-09-04T03:49:55.458Z","etag":null,"topics":["react","react-select-multi","react-select-search","react-selection-library"],"latest_commit_sha":null,"homepage":"","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/reggarantai.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}},"created_at":"2022-05-07T12:28:51.000Z","updated_at":"2022-05-07T12:46:13.000Z","dependencies_parsed_at":"2022-09-10T18:21:37.115Z","dependency_job_id":null,"html_url":"https://github.com/reggarantai/rr-multi-select","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/reggarantai/rr-multi-select","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggarantai%2Frr-multi-select","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggarantai%2Frr-multi-select/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggarantai%2Frr-multi-select/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggarantai%2Frr-multi-select/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/reggarantai","download_url":"https://codeload.github.com/reggarantai/rr-multi-select/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/reggarantai%2Frr-multi-select/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31961347,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-18T00:39:45.007Z","status":"online","status_checked_at":"2026-04-18T02:00:07.018Z","response_time":103,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["react","react-select-multi","react-select-search","react-selection-library"],"created_at":"2025-07-12T11:19:33.405Z","updated_at":"2026-04-18T07:37:07.223Z","avatar_url":"https://github.com/reggarantai.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Multiple Select React Component\n\nMultiple select React component with \"type to search\" feature.\nIt can handle thousands of data (up to 5000 records) synchronously with minimum latency.\n\nThere are cool \u0026 amazing packages out there,\nbut I found it laggy when handling thousands of data synchronously.\nSo I made this for my needs.\n\nHope it can be useful too for your needs.\n\n## Install\n\nInstall using:\n`yarn add rr-multi-select`\nor `npm install rr-multi-select`\n\n\n## Usage\n\n##### 1. Simple array\n\n```javascript\nimport React, {useState} from 'react'\nimport RRMultiSelect from 'rr-multi-select'\n\nconst options = [\n  \"Data 1\",\n  \"Data 2\",\n  \"Data 3\"\n]\n\nconst FormBlock = () =\u003e {\n\n  const [value,setValue] = useState([])\n\n  return (\n    \u003cRRMultiSelect\n      options={options}\n      value={value}\n      onChange={setValue}\n    /\u003e\n  )\n}\nexport default FormBlock\n```\n\n##### 2. Array of objects\n\n```javascript\nimport React, {useState} from 'react'\nimport RRMultiSelect from 'rr-multi-select'\n\nconst options = [\n  {value:\"data1\",label:\"Data 1\"},\n  {value:\"data2\",label:\"Data 2\"},\n  {value:\"data3\",label:\"Data 3\"}\n]\n\nconst FormBlock = () =\u003e {\n\n  const [value,setValue] = useState([])\n\n  return (\n    \u003cRRMultiSelect\n      options={options}\n      isObject={[\"value\",\"label\"]}\n      value={value}\n      onChange={setValue}\n    /\u003e\n  )\n}\nexport default FormBlock\n```\n\n### Props\n\n| Name                  | Description      \n| -----------           | -----------      \n| options                  | Array\n| isObject              | Array ie. [\"value\",\"label\"]             \n| value                 | Array\n| placeholderText       | String ie. \"Select...\"                        \n| inputPlaceholder      | String ie. \"Type to search...\"        \n| onChange              | Function         \n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freggarantai%2Frr-multi-select","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Freggarantai%2Frr-multi-select","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Freggarantai%2Frr-multi-select/lists"}