Skip to content

1000ch/input-suggest

Repository files navigation

input-suggest

NPM version Dependency Status devDependency Status

Show suggestions when you input.

Install

Using npm:

$ npm install input-suggest

Using bower:

$ bower install input-suggest

Usage

<textarea></textarea>
<script>
  var is = new InputSuggest('textarea');
  is.setSuggestions(['Apple', 'Apple Watch', 'Mac', 'iPad', 'iPhone', 'iPod', 'iPod Touch']);
</script>

Customize popup

You can style popup with following HTML structure.

<ul class="suggestion is-shown">
  <li class="suggestion__item is-selected">Item1 is selected</li>
  <li class="suggestion__item">Item2</li>
  <li class="suggestion__item">Item3</li>
</ul>

License

MIT: http://1000ch.mit-license.org