Basics
ais-instant-search | The root wrapper component for all widgets. |
ais-index | This widget lets you apply widgets to a specific Algolia index. |
ais-search-box | A widget to let users set a text-based query. |
ais-configure | A widget that lets you provide raw search parameters to the Algolia API without rendering anything. |
ais-panel | A widget that wraps other widgets in a consistent panel design. It also reacts when the widget no longer can refine. |
ais-autocomplete | A widget that provides the logic to create a connected component that renders results from Algolia. |
ais-experimental-autocomplete | A prebuilt autocomplete menu with a search box, a results panel, recent searches, and suggestions. It’s experimental. |
ais-chat | A widget to display a chat interface that interacts with a generative AI assistant. |
ais-chat-trigger | A widget to display a button that opens the ais-chat widget’s overlay. |
ais-feeds | A widget to display multiple independent result sets from a multifeed composition. |
ais-voice-search | A widget to let users perform a voice-based query. |
insights | A middleware to help set the user token for insights purposes, and send events from built-in and custom widgets. |
middleware | With the middleware API, you can inject logic into Vue InstantSearch. |
Results
ais-hits | A widget to display a list of results. |
ais-infinite-hits | A widget to display a list of results with a “Show more” button. |
ais-highlight | Highlighting visually emphasizes matching terms in your search results to help them stand out. |
ais-snippet | A widget that displays attributes in your search results in a shorter form (a snippet). |
Recommendations
ais-frequently-bought-together | A widget to display a list of frequently bought together items. |
ais-related-products | A widget to display a list of related products and related content. |
ais-trending-items | A widget to display a list of trending items. |
ais-trending-facets | A widget to display a list of trending facets. |
ais-looking-similar | A widget to display a list of visually similar products. |
Refinements
ais-refinement-list | One of the most common widget that you can find in a search UI. With this widget, users can filter the dataset based on facets. |
ais-color-refinement-list | A widget that filters results based on color facet values. It helps users quickly visualize the kind of color that products have. Not available in Vue InstantSearch. |
ais-dynamic-widgets | Widget to conditionally render other widgets based on the facet merchandising settings of the index. |
ais-hierarchical-menu | Widget that displays a hierarchical menu. |
ais-range-slider | A widget that allows a user to select a numeric range using a slider with two handles. Not available in Vue InstantSearch. |
ais-menu | A widget that displays a menu that lets users choose a single value for a specific attribute. |
ais-current-refinements | A widget that displays a list of refinements applied to the search. |
ais-range-input | A widget that allows a user to select a numeric range using a minimum and maximum input. |
ais-menu-select | A widget that allows a user to select a single value to refine in a drop-down menu. |
ais-toggle-refinement | A widget that provides an on/off filtering feature based on an attribute value. |
ais-numeric-menu | A widget that displays a list of numeric filters in a list. Those numeric filters are pre-configured with creating the widget. |
ais-rating-menu | A widget that lets users refine search results by clicking on stars. |
ais-clear-refinements | A widget that displays a button that lets users clean every refinement applied to the search. |
Pagination
ais-pagination | A widget that displays a pagination system which lets users change the current page of search results. |
ais-hits-per-page | A widget that displays a select element to let users change the number of displayed hits. |
Metadata
ais-breadcrumb | A secondary navigation scheme that lets users see where the current page is in relation to the facet’s hierarchy. |
ais-stats | A widget that displays the total number of matching hits and the time it took to get them. |
ais-powered-by | A widget to display the Algolia logo to redirect to the Algolia website. |
ais-state-results | A widget that allows you reach into the current search state. |
ais-query-rule-custom-data | A widget to display custom data from Rules. |
ais-query-rule-context | A widget to set Rule contexts without rendering anything. |
Sorting
ais-sort-by | A widget that displays a list of indices, allowing a user to change the way hits are sorted with replica indices. |
ais-relevant-sort | A widget that displays the current search mode when searching in a virtual replica index, and allows users to switch between Relevant and regular sorting, which is more exhaustive and can return less relevant results. |