Typeahead, written using the React.js library.
BiDi support for RTL languages.
Hinting support for the current input value.
Autocompletion of the hint when possible.
Custom templates for each option.
Auto-closing dropdown for the options list.
A Netflix autocomplete widget.
It uses the
RxJs in conjunction with Netflix's API. It also takes from Netflix's newest layout redesign.
YouTube's Autocomplete widget. It uses the Flux application architecture in conjunction with YouTube's API.
Yahoo Mail (this component is used in production by Yahoo Mail).
If you're developing using npm and CommonJS modules:
npm i react-typeahead-component
var React = require('react'), Typeahead = require('react-typeahead-component'); React.render( // Pass in the desired props <Typeahead placeholder='Search' ... />, // Render Typeahead into the container of your choice. document.body );
You may also want to download one of the distributions from the
dist folder, and load it in the browser that way. A global variable named
Typeahead will be available to use.