Hi! I’m using InstantSearch-Vue in my project and I want to create a widget that filters search results using 2 attributes.
Now I have 2
<ais-range-input> widgets for “AttributeA” and “AttributeB”.
I want to have 1 widget like
<ais-range-input> that shows minimum value of “AttributeA” and maximum value of “AttributeB” as a placeholders.
Filtering logic is:
AttributeA >= widget_min_value AND AttributeB <= widget_max_value.
I just confused by documentation: I can extend widget, create a new one with connectors and create a truly new widget like here: https://jsfiddle.net/bobylito/v453u1kv/
Which approach should I use and how to perform such custom filtering, and also save auto-placeholders feature?