Floatype.js Save

A tiny, zero-dependency, floating autocomplete / autosuggestion widget for textareas.

Project README

floatype.js

A super tiny Javascript autocomplete / autosuggestion library for rendering floating suggestion widgets in textareas. Zero dependencies and ~1200 bytes minified + gzipped.

View demo

demo

Usage

Node

npm install @knadh/floatype
import { floatype } from @knadh/floatype;

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

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.

For dropdown suggestions on input boxes, see autocomp.js

Licensed under the MIT License.

Open Source Agenda is not affiliated with "Floatype.js" Project. README Source: knadh/floatype.js

Open Source Agenda Badge

Open Source Agenda Rating