Filter down a list by searching using an ES6 class that can be extended to fit your needs. Basic example here.
First import the class to be used.
import FILTER from 'filter-search';
Then pass it the required arguments for set up. As listed below.
Options | Type | Require | Default Value |
---|---|---|---|
holder | String | true | '' |
filter | String | true | '' |
searchInput | String | true | '' |
displayFilter | String | false | null |
filterList | Array | true | [] |
activeKeyClass | String | false | '' |
keyboardActive | Boolean | false | false |
new FILTER({
holder: '.filter-scroll',
filter: '.filter-box',
searchInput: '#filter-search',
filterList : [
"Afghanistan",
"Albania",
"Algeria",
"Andorra",
"Angola",
"Anguilla"
],
});