Manhattan Typeahead
Type-a-head and tokens for form fields.
Installation
npm install manhattan-typeahead --save-dev
Usage
<label>
Language
<input
name="languages_input"
data-mh-typeahead
data-mh-typeahead--coerce="valueOnly"
data-mh-typeahead--list="C,C++,CoffeeScript,JavaScript,Lua,Moonscript,Perl,Python,Wren"
>
<input type="hidden" name="languages">
</label>
<label>
Tags
<input
name="tags_input"
value=""
data-mh-tokenizer
data-mh-tokenizer--hidden-selector="[name=tags]"
data-mh-tokenizer--sortable
>
<input type="hidden" name="tags">
</label>import * as $ from 'manhattan-essentials'
import {tokenizer, typeahead} from 'manhattan-typeahead'
const myTypeahead = new typeahead.Typeahead($.one('[data-mh-typeahead]'))
myTypeahead.init()
const myTokenizer = new tokenizer.Tokenizer($.one('[data-mh-tokenizer]'))
myTokenizer.init([{'label': 'Some tag', 'value': 'Some value'}])