algolia / algolia/instantsearch
Color refinement list for Vue InstantSearch
- Dominant language
- TypeScript
- Stars
- 4.1k
- Forks
- 554
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 51
Description
We currently provide a [ColorRefinementList widget for React InstantSearch](https://www.algolia.com/doc/api-reference/widgets/color-refinement-list/react/), 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 →**](https://codesandbox.io/s/github/algolia/react-instantsearch-widget-color-refinement-list?file=/example/index.tsx)
## How to show your interest?
Simply add a "👍" reaction on this issue, and optionally subscribe to its notifications. We will share updates here.
Contributor guide
Research direction
Start with the existing React InstantSearch ColorRefinementList documentation and the linked live demo at example/index.tsx, then compare the Vue InstantSearch widget structure. Done means the equivalent Vue widget scope, behavior, and implementation path are established for color-facet filtering with visual color indicators.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100