Separate Refinements for RangeSlider - React

I’m trying to obtain the same result of the widgets showcase for the CurrentRefinements component after filtering with with RangeSlider.

In my app it results in “4 <= Price >= 10”. I wish to obtain “Price <= 4” and “Price >= 10”.

How I can achieve this without in ReactInstantSearch?


Hi @amministrazione,

Thanks for contacting Algolia.

Our out-of-the-box numeric refinement list widgets are designed for inclusive ranges. But we do not have any recommended way to achieve your goal using our widgets.

You would have to fall back to handling this much yourself:

  • Handle receipt of these numbers
  • Add as filters to your search query

I hope this helps.