A color refinement list is an InstantSearch widget that filters results based on color facet values. The widget only displays the most relevant colors for the current search context.
It shares similarities with a standard refinement list, but it displays color indicators instead of text facet values. This helps users quickly visualize the kind of color that products have in your index.
We currently provide a ColorRefinementList widget for React InstantSearch, and we'd like to gather interest in porting this widget to Vue InstantSearch.
What's a color refinement list?
A color refinement list is an InstantSearch widget that filters results based on color facet values. The widget only displays the most relevant colors for the current search context.
It shares similarities with a standard refinement list, but it displays color indicators instead of text facet values. This helps users quickly visualize the kind of color that products have in your index.
See Live Demo →
How to show your interest?
Simply add a "👍" reaction on this issue, and optionally subscribe to its notifications. We will share updates here.