React Autosuggest
WAI-ARIA compliant autosuggest component built in React
Get started
3754 stargazers
@moroshko
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
Edit
Crafted with love by
@moroshko
Page design by
@vedranio
Licensed under
MIT license