1.7.1 • Published 3 years ago
suggestions v1.7.1
Suggestions
A typeahead component for inputs
Usage
Quick start
<script src='suggestions.js'></script>
<script>
var input = document.querySelector('input');
var data = ['foo', 'bar', 'baz', 'qux'];
new Suggestions(input, data);
</script>
Usage with Browserify
var Suggestions = require('suggestions');
var input = document.querySelector('input');
var data = ['foo', 'bar', 'baz', 'qux'];
new Suggestions(input, data);
Suggestions with options
var Suggestions = require('suggestions');
var input = document.querySelector('input');
var data = [{
name: 'Roy Eldridge',
year: 1911
}, {
name: 'Roy Hargrove',
year: 1969
}, {
name: 'Tim Hagans',
year: 1954
}, {
name: 'Tom Harrell',
year: 1946
}, {
name: 'Freddie Hubbard',
year: 1938
}, {
name: 'Nicholas Payton',
year: 1973
}, {
name: 'Miles Davis',
year: 1926
}, {
name: 'Dizzy Gillespie',
year: 1917
}, {
name: 'Rex Stewart',
year: 1907
}];
var typeahead = new Suggestions(input, data, {
minLength: 3, // Number of characters typed into an input to trigger suggestions.
limit: 3 // Max number of results to display.
});
typeahead.getItemValue = function(item) {
return item.name
};
input.addEventListener('change', function() {
console.log(typeahead.selected); // Current selected item.
});
API
Running locally
npm install && npm start
npm start
will run a server on port 9966. Visit http://localhost:9966/demo/
to view the example.
Testing
npm run test
Credit
This project is adapted from https://github.com/marcojetson/type-ahead.js
1.7.1
3 years ago
1.7.0
4 years ago
1.6.0
5 years ago
1.5.0
5 years ago
1.4.0
5 years ago
1.3.4
5 years ago
1.3.3
6 years ago
1.3.2
7 years ago
1.3.1
8 years ago
1.3.0
8 years ago
1.2.0
8 years ago
1.1.3
8 years ago
1.1.2
8 years ago
1.1.1
8 years ago
1.1.0
8 years ago
1.0.3
8 years ago
1.0.2
8 years ago
1.0.1
8 years ago
1.0.0
8 years ago