1.7.1 • Published 5 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
5 years ago
1.7.0
6 years ago
1.6.0
6 years ago
1.5.0
6 years ago
1.4.0
6 years ago
1.3.4
6 years ago
1.3.3
7 years ago
1.3.2
8 years ago
1.3.1
9 years ago
1.3.0
9 years ago
1.2.0
10 years ago
1.1.3
10 years ago
1.1.2
10 years ago
1.1.1
10 years ago
1.1.0
10 years ago
1.0.3
10 years ago
1.0.2
10 years ago
1.0.1
10 years ago
1.0.0
10 years ago