# typeahead

**Repository Path**: mirrors_defunctzombie/typeahead

## Basic Information

- **Project Name**: typeahead
- **Description**: bootstrap compatible typeahead web component
- **Primary Language**: Unknown
- **License**: Apache-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-24
- **Last Updated**: 2026-02-14

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# typeahead

typeahead widget

![typeahead](https://github.com/defunctzombie/typeahead/blob/gh-pages/img.png)

## use

```javascript
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.

```javascript
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](http://www.apache.org/licenses/LICENSE-2.0)