React Autosuggest

WAI-ARIA compliant autosuggest component built in React
Get started

Features

Accessible
WAI-ARIA compliant, with support for ARIA attributes and keyboard interactions.
Mobile friendly
Works well on those little devices you carry around in your hands.
Customizable
Supports custom suggestion rendering, multiple sections, and more.

Examples

Basic
Let’s start simple. Here’s a plain list of suggestions.
Codepen
Multiple sections
Suggestions can also be presented in multiple sections. Note that we highlight the first suggestion by default here.
Codepen
Custom render
Apply any styling you wish.
For example, render images and highlight the matching string.
Codepen
Scrollable container
When the suggestions list is long, you may want to make it scrollable. Note that the suggestions are rendered even when the input field is not focused.
Where do you live?
Australia