Request: Implement a Searchable Select
See original GitHub issueI think it would be nice to have a Select with Input component, I’ve seen it used in many Google Material products for making it easier to filter large lists.
Something like this little library: https://selectize.github.io/selectize.js/
I’m by no means expecting you to dictate the behaviour of the select, in fact I’d rather you didn’t so that one could do so themselves, or at least add an optional onChange
prop override.
Issue Analytics
- State:
- Created 4 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Creating a select box with a search option - Stack Overflow
Incase you need to use only select tag use Selectize Js. It has all options we require .Please Try It Demo using Selectize...
Read more >How To Create Searchable, Async Dropdowns with React ...
Once you have a working React application, you can start adding React Select. Step 2 — Adding React Select. Your project will require...
Read more >How To Add Search Functionality To Select Box (HTML, CSS ...
Hi, in this video we will add search functionality to the custom select box that we ... 48K views 3 years ago Create...
Read more >How to Create a Searchable Dropdown in ASP.NET MVC
In this tutorial, we will learn how to convert a simple Drop Down to a Searchable Drop Down in ASP.NET MVC C# Application...
Read more >How To Create A Searchable Dropdown List In Excel - YouTube
Learn how to create a searchable dropdown list using data validation ! Check out my full courses and ebooks here ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Well I like the idea of of prebuilt functionality that matches material, but with enough escape hatches to make something more custom.
So maybe add that
filterable
prop, but allow for the user to pass in a custom TextField component that gets rendered instead of the prebuilt one, for examplerenderTextField
prop. This would also allow the user to use other packages like https://github.com/benhurott/react-native-masked-text while still taking advantage of theSelect
element.What about downshift? Might not need too much refactoring to be cross platform. I’m not sure tho, haven’t looked into it.
https://github.com/downshift-js/downshift