Skip to content

semivan/autocomplete-widget

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Autocomplete widget

Installation

yarn add autocomplete-widget

Quick start

type ItemType = {
    name: {common: string, official: string}
}

const input = document.querySelector<HTMLInputElement>('input#form_country')!;
const autocompleter = new Autocompleter<ItemType>(input, item => item.name.common);

autocompleter
    .setFetcher((text: string) => {
        return fetch('https://restcountries.com/v3.1/name/' + text)
            .then(response => response.json());
    })
    .onSelect((item: any) => {
        alert(item.name.official);
    })
    .create()
;

About

Autocomplete widget

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published