InstantSearch specs

✏️ edit page

Widget example

HTML output

<div class="ais-MenuSelect">
  <select class="ais-MenuSelect-select">
    <option class="ais-MenuSelect-option" value="Most relevant">Appliances (4306)</option>
    <option class="ais-MenuSelect-option" value="Lowest price">Audio (1570)</option>
  </select>
</div>

CSS classes

Hint: hover classes below to see their position.

name description
.ais-MenuSelect the root div of the widget
.ais-MenuSelect--noRefinement the root div of the widget with no refinement
.ais-MenuSelect-select the select
.ais-MenuSelect-option the select option

Options

Note: this is a guideline for new InstantSearch flavours, not a rule.

name default value description
attribute Attribute to apply the filter to
limit 10 Number of items to show
sortBy array or function to sort the results by
transformItems Function which receives the items, which will be called before displaying them. Should return a new array with the same shape as the original array. Useful for mapping over the items to transform, remove or reorder them

Translations

Note: there are no translations for this widget