https://github.com/atmajs/compo-typeahead

Twitter Typeahead MaskJS wrapper
https://github.com/atmajs/compo-typeahead

Last synced: 6 days ago
JSON representation

Twitter Typeahead MaskJS wrapper

• Host: GitHub
• URL: https://github.com/atmajs/compo-typeahead
• Owner: atmajs
• Created: 2014-10-01T01:09:29.000Z (about 10 years ago)
• Default Branch: master
• Last Pushed: 2014-10-01T17:35:43.000Z (about 10 years ago)
• Last Synced: 2024-10-11T05:18:44.690Z (about 1 month ago)
• Language: JavaScript
• Size: 176 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
### [Typeahead](https://github.com/twitter/typeahead.js) Component Wrapper

[![Bower version](https://badge.fury.io/bo/compo-typeahead.svg)](http://badge.fury.io/bo/compo-typeahead)

```scss

a:typeahead;

```

### Attributes

Attribute | Description

--- | ---

`x-prop` | Defines model property accessor path, if an array of values is available

`x-prop-id` | Id accessor path. Often the items are not just plain string values, but the objects with some display value and the id value.

`x-prop-text` | Display text accessor path

`x-search` | The model or components outer scope can provide the `search(query, callback)` function, to look up for typeahead values

### Signals

Signal | Description

--- | ---

`typeaheadChanged` | `(sender, currentValue)` is emitted each time the input is changed

### API

- **`compos.input`** #

	Typeahead jQuery element.

- **`get()`** #

	

	Getter

	

- **`set(value)`** #

	Setter

### Dependencies

- `IncludeJS`

- `jQuery`

- `es6-shim (Array.prototype.find)`

### Examples

- [/examples](/examples)

```bash

# install atma toolkit

npm install atma

# run server

atma server

# navigate `http://localhost:5777/examples/simple.html`

```

### Test

```bash

npm test

```

:copyright: MIT - Atma.js Project