algolia / algolia/instantsearch

Color refinement list for Vue InstantSearch

Open
#5,386 6 comments 53 reactions 0 assignees View on GitHub
Library: Vue InstantSearch Type: Survey
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.