InstantSearch specs

✏️ edit page

Answers

Widget example

Algolia Answers
  • Author Sam Martin shares photos of ...
  • Beau Lotto's color games puzzle your vision, but they also spotlight what you can't normally see...

HTML output

<div class="ais-Answers">
  <div class="ais-Answers-header">Algolia Answers</div>
  <ul class="ais-Answers-list">
    <li class="ais-Answers-item">Author Sam Martin shares photos of ...</li>
    <li class="ais-Answers-item">Beau Lotto's color games puzzle your vision, but they also spotlight what you can't normally see...</li>
  </ul>
</div>

CSS classes

Hint: hover classes below to see their position.

name description
.ais-Answers the root div of the widget
.ais-Answers--empty the root div of the widget with no items
.ais-Answers-header the header
.ais-Answers-loader the loader when it's loading
.ais-Answers-list the list of Answers result
.ais-Answers-item the list item

Options

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

name default value description
queryLanguages The languages in the query. Currently only supports `en`.
attributesForPrediction ['*'] Attributes to use for prediction. If empty, we use all `searchableAttributes` to find answers. All your `attributesForPrediction` must be part of your `searchableAttributes`.
nbHits 1 Maximum number of answers to retrieve from the Answers Engine. Cannot be greater than 1000.
debounceTime 200 Debounce time in milliseconds before querying the answers API
escapeHTML true Whether to escape HTML tags from hits string values.

Translations

Note: there are no translations for this widget