{"id":18289551,"url":"https://github.com/divyanshu-rawat/autocomplete-package","last_synced_at":"2026-04-12T05:31:29.926Z","repository":{"id":82676209,"uuid":"150857727","full_name":"divyanshu-rawat/AutoComplete-Package","owner":"divyanshu-rawat","description":"A autocomplete component for react-application.","archived":false,"fork":false,"pushed_at":"2018-10-03T06:02:26.000Z","size":247,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-07-07T13:36:49.333Z","etag":null,"topics":["autocompletion","npm-package","package","proptypes","reactjs"],"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/divyanshu-rawat.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":"2018-09-29T11:29:25.000Z","updated_at":"2018-10-03T06:16:53.000Z","dependencies_parsed_at":null,"dependency_job_id":"58701908-94f9-4118-a91b-cccad7121e50","html_url":"https://github.com/divyanshu-rawat/AutoComplete-Package","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/divyanshu-rawat/AutoComplete-Package","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2FAutoComplete-Package","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2FAutoComplete-Package/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2FAutoComplete-Package/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2FAutoComplete-Package/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/divyanshu-rawat","download_url":"https://codeload.github.com/divyanshu-rawat/AutoComplete-Package/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/divyanshu-rawat%2FAutoComplete-Package/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31705574,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-12T05:11:36.334Z","status":"ssl_error","status_checked_at":"2026-04-12T05:11:27.332Z","response_time":58,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"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":["autocompletion","npm-package","package","proptypes","reactjs"],"created_at":"2024-11-05T14:07:05.434Z","updated_at":"2026-04-12T05:31:29.896Z","avatar_url":"https://github.com/divyanshu-rawat.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# AutoComplete-Package (WIP!)\nA autocomplete component for react-application, React.js AutoComplete Component! (WIP!)\n\n[![forthebadge](https://forthebadge.com/images/badges/made-with-javascript.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/check-it-out.svg)](https://forthebadge.com)\n[![forthebadge](https://forthebadge.com/images/badges/built-with-love.svg)](https://forthebadge.com)\n\nDEMO - http://divyanshurawat.me/AutoComplete-Package/\n\nAccessible, extensible, Autocomplete for React.js.\n\n\n```js\n\n\u003cAutoComplete suggestions={['a','b']} SetValue={value =\u003e this.setState({ value: value})} /\u003e\n\n```\n\n## Table of Contents\n\n* [Installation](#installation)\n* [Examples](#examples)\n* [API](#api)\n\n## Installation\nTo Install Use [NPM](https://npmjs.org/)\n\n    $ npm i autocomplete-dropdown\n\n## Examples\n\n* Component can be modified by adding font-awesome and bootstrap to perform mentioned gif.\n\n\n![Alt Text](https://github.com/divyanshu-rawat/AutoComplete-Package/blob/master/examples/screenshot/dropdown.gif)\n\nHere is a simple example of autocomplete being used in an app with some custom styles and focusable input elements within the autocomplet context.\n\n```js\n\nclass App extends Component {\n  constructor(props) {\n    super(props);\n\n    this.state = {\n      value: \"\"\n    };\n  }\n\n  render() {\n    let data_set = data;\n    const {\n      state: { value }\n    } = this;\n\n    return (\n      \u003cdiv className=\"\"\u003e\n        \u003cdiv className=\"\"\u003e\n          \u003cAutoComplete\n            suggestions={data_set}\n            SetValue={value =\u003e this.setState({ value: value })}\n          /\u003e\n        \u003c/div\u003e\n\n        {value != \"\" \u0026\u0026 (\n          \u003cdiv className=\"\"\u003e\n            \u003cstrong\u003eSelected Value:\u003c/strong\u003e \u003cp\u003e{value}\u003c/p\u003e\n          \u003c/div\u003e\n        )}\n      \u003c/div\u003e\n    );\n  }\n}\n\nexport default App;\n\n\n\n\n```\n\n\n## API\nPassed Properties.\n\n``` suggestions: Array ```\nThe items to display in the dropdown menu.\n\n##\n\nSetValue: ```Function```\n\nDefault value: ```function() {}```\n\nArguments: ```value: String, item: Any```\n\nInvoked when the user selects an item from the dropdown menu.\n\nYou can run in a local development server using `npm start`.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivyanshu-rawat%2Fautocomplete-package","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fdivyanshu-rawat%2Fautocomplete-package","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fdivyanshu-rawat%2Fautocomplete-package/lists"}