{"id":13401128,"url":"https://github.com/ericgio/react-bootstrap-typeahead","last_synced_at":"2025-05-14T07:10:42.035Z","repository":{"id":1946218,"uuid":"45373657","full_name":"ericgio/react-bootstrap-typeahead","owner":"ericgio","description":"React typeahead with Bootstrap styling","archived":false,"fork":false,"pushed_at":"2025-03-19T19:46:39.000Z","size":10493,"stargazers_count":1012,"open_issues_count":10,"forks_count":404,"subscribers_count":12,"default_branch":"main","last_synced_at":"2025-05-09T14:07:01.453Z","etag":null,"topics":["bootstrap","react","typeahead"],"latest_commit_sha":null,"homepage":"http://ericgio.github.io/react-bootstrap-typeahead/","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ericgio.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","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":"2015-11-02T05:20:16.000Z","updated_at":"2025-05-02T14:32:53.000Z","dependencies_parsed_at":"2023-07-12T07:46:26.222Z","dependency_job_id":"ad326609-663b-41f3-8842-c258030a82aa","html_url":"https://github.com/ericgio/react-bootstrap-typeahead","commit_stats":{"total_commits":1270,"total_committers":39,"mean_commits":32.56410256410256,"dds":0.04330708661417326,"last_synced_commit":"85db3f25c9420c479ec411577be6f8642502408b"},"previous_names":[],"tags_count":174,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericgio%2Freact-bootstrap-typeahead","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericgio%2Freact-bootstrap-typeahead/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericgio%2Freact-bootstrap-typeahead/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ericgio%2Freact-bootstrap-typeahead/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ericgio","download_url":"https://codeload.github.com/ericgio/react-bootstrap-typeahead/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254092798,"owners_count":22013292,"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":["bootstrap","react","typeahead"],"created_at":"2024-07-30T19:00:59.009Z","updated_at":"2025-05-14T07:10:37.005Z","avatar_url":"https://github.com/ericgio.png","language":"TypeScript","readme":"# React Bootstrap Typeahead\n\nA [React](https://reactjs.org/)-based typeahead that relies on [Bootstrap](https://getbootstrap.com/) for styling and was originally inspired by Twitter's [typeahead.js](https://github.com/twitter/typeahead.js). It supports both single- and multi-selection and is compliant with [WAI-ARIA authoring practices](https://www.w3.org/TR/wai-aria-practices-1.1/#combobox). Try the [live examples](http://ericgio.github.io/react-bootstrap-typeahead/).\n\n[![npm version](https://img.shields.io/npm/v/react-bootstrap-typeahead.svg?style=flat-square)](https://www.npmjs.com/package/react-bootstrap-typeahead)\n[![npm downloads](https://img.shields.io/npm/dm/react-bootstrap-typeahead.svg?style=flat-square)](https://www.npmjs.com/package/react-bootstrap-typeahead)\n[![CI](https://github.com/ericgio/react-bootstrap-typeahead/actions/workflows/ci.yml/badge.svg)](https://github.com/ericgio/react-bootstrap-typeahead/actions/workflows/ci.yml)\n[![Codecov](https://img.shields.io/codecov/c/github/ericgio/react-bootstrap-typeahead?label=Codecov\u0026logo=codecov\u0026style=flat-square)](https://app.codecov.io/gh/ericgio/react-bootstrap-typeahead/)\n[![MIT License](https://flat.badgen.net/github/license/ericgio/react-bootstrap-typeahead)](LICENSE.md)\n\nPlease note that documentation and examples apply to the most recent release and may no longer be applicable if you're using an outdated version.\n\n## Installation\n\n```\nnpm install --save react-bootstrap-typeahead\n```\n\nor\n\n```\nyarn add react-bootstrap-typeahead\n```\n\nInclude the module in your project:\n\n```jsx\nimport { Typeahead } from 'react-bootstrap-typeahead'; // ES2015\nvar Typeahead = require('react-bootstrap-typeahead').Typeahead; // CommonJS\n```\n\n#### UMD Build\n\nDevelopment and production builds are included in the NPM package. Alternatively, you can get them from [CDNJS](https://cdnjs.com/libraries/react-bootstrap-typeahead) or [unpkg](https://unpkg.com/react-bootstrap-typeahead/).\n\n## Documentation\n\n- [Basic Usage](docs/Usage.md)\n- [Data](docs/Data.md)\n- [Filtering](docs/Filtering.md)\n- [Rendering](docs/Rendering.md)\n- [Public Methods](docs/Methods.md)\n- [API \u0026 Props](docs/API.md)\n- [Upgrade Guide](docs/Upgrading.md)\n\n## CSS\n\nWhile the component relies primarily on Bootstrap, some additional styling is needed. You should include the provided CSS file in your project:\n\n```js\n// Import as a module in your JS\nimport 'react-bootstrap-typeahead/css/Typeahead.css';\n```\n\nor\n\n```html\n\u003c!-- Link as a stylesheet in your HTML --\u003e\n\u003clink\n  rel=\"stylesheet\"\n  href=\"https://unpkg.com/react-bootstrap-typeahead/css/Typeahead.css\"\n/\u003e\n```\n\n### Bootstrap 5\nIn an effort to support Bootstrap 5, this package also contains a CSS file named `Typeahead.bs5.css` that should be included alongside the base CSS file above.\n\n## Examples\n\nTry the [live examples](http://ericgio.github.io/react-bootstrap-typeahead/), which also include code samples. If you'd like to modify the examples, clone the repository and run `npm install` and `npm start` to build the example file. You can then open the HTML file locally in your browser.\n\nYou can also try out the following sandbox examples:\n\n- [Windowing with large data sets](https://codesandbox.io/p/sandbox/stoic-river-4q1yjrzrn0)\n- [Asynchronous pagination](https://codesandbox.io/p/sandbox/heuristic-pateu-zfjwjq)\n- [Combobox](https://codesandbox.io/p/sandbox/friendly-bose-kkmyd)\n- [Validation and feedback](https://codesandbox.io/p/sandbox/amazing-mendeleev-4w01px4z6x)\n- [Custom loader \u0026 clear button](https://codesandbox.io/p/sandbox/practical-jang-gn3kn)\n- [Multi-select with reorderable drag \u0026 drop tokens](https://codesandbox.io/p/sandbox/misty-water-u43sf)\n- [Keep the menu open during multi-selection](https://codesandbox.io/p/sandbox/eloquent-germain-nr2y4)\n- [Single-select with floating label (BS5)](https://codesandbox.io/p/sandbox/upbeat-paper-8c2j6b)\n\nIf you have an example use case that would be useful to others, please create a sandbox and submit a pull request to add it to the list!\n\n## Browser Support\n\nRecent versions of the following browsers are supported:\n\n- Chrome\n- Firefox\n- Edge\n- Safari\n\nSpecial thanks to [BrowserStack](https://www.browserstack.com) for providing cross-browser testing support.\n\n[![http://i.imgur.com/9aLP6Fx.png?1](http://i.imgur.com/9aLP6Fx.png?1)](https://www.browserstack.com)\n\n## License\n\n[MIT](https://github.com/ericgio/react-bootstrap-typeahead/blob/master/LICENSE.md)\n","funding_links":[],"categories":["Uncategorized","TypeScript","React [🔝](#readme)"],"sub_categories":["Uncategorized"],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fericgio%2Freact-bootstrap-typeahead","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fericgio%2Freact-bootstrap-typeahead","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fericgio%2Freact-bootstrap-typeahead/lists"}