<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>
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 |
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 |
Note: there are no translations for this widget