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.