autocomp.js

A super tiny Javascript autocomplete / autosuggestion library. Zero dependencies and ~1300 bytes minified + gzipped. Uses the native Popover API.

View demo

Usage

Node

npm install @knadh/autocomp

import { autocomp } from "@knadh/autocomp";

autocomp(document.querySelector("#q"), {
    onQuery: async (val) => {
        // fetch() or whatever that fetches/generates results.
        return ["results", "here"];
    },

    onSelect: (val, items) => {
        alert(val);
        return val;
    }
});

Check the demo source to see advanced usage and basic CSS styles.

ES6 module

Check the demo source to use the lib in <script> directly on an HTML page.