Downshift
downshift
🏎 A set of primitives to build simple, flexible, WAI-ARIA compliant React autocomplete, combobox or select dropdown components.
Utilities
enhanced input
react
autocomplete
autosuggest
typeahead
dropdown
select
combobox
omnibox
accessibility
Stars
12k
Weekly
2.9M
Open issues
57
Bundle
~25 kB
Installation
npm install downshiftCode example
import { useDownshift } from "downshift";
export function Example() {
const value = useDownshift();
return <p>{String(value)}</p>;
}Pros & cons
Pros
- Actively maintained by Kent C. Dodds
- 2.9M weekly downloads. Battle tested
- First-class TypeScript definitions
- MIT licensed
Considerations
- Adds roughly ~25 kB to your bundle
- Needs client-only rendering in SSR frameworks
- Not supported in React Native
- 57 open issues on GitHub