Autocomplete

<h3 align="center"> Autocomplete </h3> <p align="center"> Accessible autocomplete component for vanilla JavaScript and Vue 3. </p> <p align="center"> <a href="https://www.npmjs.com/package/@trevoreyre/autocomplete"> <img src="https://img.shields.io/npm/v/@trevoreyre/autocomplete.svg?style=flat"> </a> <a href="LICENSE"> <img src="https://img.shields.io/github/license/trevoreyre/autocomplete.svg?style=flat"> </a> </p> <p align="center"> <img src="docs/autocomplete.gif"> </p>

Demo

Take a look at the documentation page, and the Codepen examples.

Features

• Accessible, with full support for ARIA attributes and keyboard interactions. Based on the WAI-ARIA Authoring Practices.
• Available as a JavaScript or Vue component, with React coming soon. For Vue.js 2.x support please use the latest 2.x release of this 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
• Vue component
• Core package