Typeahead written using the React.js library Sample in 2020

Typeahead written using the React.js library Sample in 2020

tutorials -


Typeahead, written using the React.js library.


BiDi support for RTL languages.
Keyboard navigation.
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.
5KB minified+gzipped!


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).

Getting started

If you're developing using npm and CommonJS modules:

npm i react-typeahead-component
var React = require('react'),
    Typeahead = require('react-typeahead-component');

    // Pass in the desired props

    // Render Typeahead into the container of your choice.

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.


Trending On Tutorial Stuff

Our Sponsors

Top Applications in Tutorial Stuff

Top Experts In Tutorial Stuff