Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
bootstrap compatible typeahead web component
JavaScript CSS
branch: master
Failed to load latest commit information.
example update example for new tryme syntax
.gitignore add gitignore
LICENSE init
README.md update readme image
package.json 0.2.0
style.css non obstrusive styles
typeahead.js added autoselect option

README.md

typeahead

typeahead widget

typeahead

use

var Typeahead = require('typeahead');

var input = document.createElement('input');

// source is an array of items
var ta = Typeahead(input, {
    source: ['foo', 'bar', 'baz']
});

input // =>

To get the default style you also have to include style.css.

options

source

array of values or function(query, result). Call result with array of return values.

var Typeahead = require('typeahead');
var input = document.createElement('input');

// source is an array of items
var ta = Typeahead(input, {
    source: function(query, result) {
        result(['foo', 'bar', 'baz']);
    }
});

input // =>

position

location of the drop down menu. Valid values are above, below and right. default is below

autoselect

Automatically select first item in drop down menu. Valid values are true, false. Default is true.

style

Custom styling can be applied for the following rules.

.typeahead

To style the list of suggestions.

.typeahead.hidden

To style the hidden state of the menu

.typeahead li

To style a li container.

.typeahead a

To style the actual item text and selection area.

.typeahead .active > a

To style the appearance of a selected item.

License

The current code is fork of the bootstrap typeahead component and is licensed under Apache License, Version 2.0

Something went wrong with that request. Please try again.