Feature: RefinementList add searchForFacetValues
See original GitHub issueFeature: What is your use case for such a feature? instantsearch.js already has searchForFacetValues and it is very handy to be able to quickly reduce very long lists of facets.
Feature: What is your proposed API entry? The new option to add? What is the behavior?
Just add search box under facet title and two settings
searchForFacetValues: { Placeholder: 'Refine list...', templates: { noResults: '<div>Hey bro, we do not have that!</div>' } }
Basically the same like searchForFacetValues in instantsearch.js
Issue Analytics
- State:
- Created 6 years ago
- Reactions:9
- Comments:21 (9 by maintainers)
Top Results From Across the Web
refinementList | InstantSearch.js - Algolia
A widget for InstantSearch.js that displays facets and lets users refine their search by filtering.
Read more >Creating a custom refinementList component based on two ...
PS: I tried to use searchForFacetValues function inside my custom component to retrvie manufacturer's name with below query but I couldn't ...
Read more >@algolia/react-instantsearch-widget-size-refinement-list - npm
React InstantSearch widget that filters the dataset based on size facet values. Latest version: 1.0.3, last published: 6 months ago.
Read more >Filter Datasets with Facets using Instantsearch JS to add a ...
To make use of those facets on the front end, one of the most common widget that you can find in a search...
Read more >instantsearch.js - UNPKG
clearRefinement(refinementList, function(v, f) {\n return attribute === f;\n });\n }\n\n ... This list will be added to requested facets in the\n * [facets ......
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
Hi, i was able to apply url params this way. At ais-results set a reference
<ais-results ref="filterResult">
Use a computed to preset a list of available params
computed: { facetFilters: ['tag.value', 'venue.neighborhood'] }
And at mounted() function i run a verification and apply a facet filter if defined at url
this.facetFilters.forEach((filter) => { if (this.$route.query[filter]) { this.$refs.filterResult.searchStore.toggleFacetRefinement(filter, this.$route.query[filter]); } });
Great, I’m really looking forward to it! tnx @rayrutjes