https://github.com/trevoreyre/autocomplete

Accessible autocomplete component for vanilla JavaScript and Vue.
https://github.com/trevoreyre/autocomplete

accessibility autocomplete combobox search typeahead vanilla-javascript vue

Last synced: 2 days ago
JSON representation

Accessible autocomplete component for vanilla JavaScript and Vue.

• Host: GitHub
• URL: https://github.com/trevoreyre/autocomplete
• Owner: trevoreyre
• License: mit
• Created: 2018-12-31T13:45:34.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2024-09-09T11:00:05.000Z (2 months ago)
• Last Synced: 2024-10-09T21:51:30.981Z (about 1 month ago)
• Topics: accessibility, autocomplete, combobox, search, typeahead, vanilla-javascript, vue
• Language: JavaScript
• Homepage: https://autocomplete.trevoreyre.com
• Size: 2.56 MB
• Stars: 429
• Watchers: 11
• Forks: 75
• Open Issues: 73
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  Autocomplete





  Accessible autocomplete component for vanilla JavaScript and Vue 3.





  

    

  

  

    

  





  



## Demo

Take a look at the [documentation page](https://autocomplete.trevoreyre.com), and the [Codepen examples](https://codepen.io/collection/DrwmoR/).

## Features

- Accessible, with full support for ARIA attributes and keyboard interactions. Based on the [WAI-ARIA Authoring Practices](https://www.w3.org/TR/wai-aria-practices-1.1/#combobox).

- Available as a [JavaScript][javascript-component] or [Vue component][vue-component], with React coming soon. For Vue.js 2.x support please use the latest 2.x release of this package.

- [Core package][core-package] available if you want to bring your own rendering layer.

- Customizable. Easily bring your own CSS, or take full control of the component rendering.

- Support for asynchronous data fetching.

## Packages

Autocomplete is available as a JavaScript component, a Vue component, or a core package. See the docs on an individual package to learn more.

- [JavaScript component][javascript-component]

- [Vue component][vue-component]

- [Core package][core-package]

[version-badge]: https://img.shields.io/npm/v/@trevoreyre/autocomplete.svg?style=flat-square

[package]: https://www.npmjs.com/package/@trevoreyre/autocomplete

[license-badge]: https://img.shields.io/npm/l/@trevoreyre/autocomplete.svg?style=flat-square

[license]: LICENSE

[autocomplete-gif]: docs/autocomplete.gif

[autocomplete-image]: docs/autocomplete.png

[javascript-component]: packages/autocomplete-js

[vue-component]: packages/autocomplete-vue

[core-package]: packages/autocomplete