JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 1622
  • Score
    100M100P100Q130176F

typeahead component

Package Exports

  • typeahead

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (typeahead) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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