Guides / Building Search UI / Widgets

You can have a look at our Widget Showcase app to see each of these widgets in action.

Basics

Searcher

The component handling search requests.

SearchBox

Components that perform a text-based query.

Query

A component to provide any search parameters to Algolia.

RelatedItems

Experimental component that computes search parameters to fetch related items.

Filter State

FilterState provides a friendly interface to manage filters applied to your search.

Loading

Components that show a loading indicator during pending requests.

Results

Hits

Components that manage and display a list of search results.

Infinite Hits (Paging)

Components that manage and display a paginated list of search results.

Highlighting

Set of tools to highlight relevant parts of the search results.

Multi Hits

Components that manage and display a paginated list of search results from multiple indices.

Refinements

Refinement List

Components that perform refinements on a facet.

Filter List

Components that display a list of arbitrary filters.

Filter List (Facet)

Components that display a list of arbitrary facet filters.

Filter List (Numeric)

Components that display a list of arbitrary numeric filters.

Filter List (Tag)

Components that display a list of arbitrary tag filters.

Hierarchical Menu

Components that build a hierarchical menu.

Filter Numeric Range

Components that apply a numeric range filter.

Filter Numeric Comparison

Components that apply a numeric comparison filter.

Filter Map

Components that apply a single filter from a map.

Current Filters

Components that display the current filters and let users remove them.

Filter Toggle

Components that toggle an arbitrary filter on or off.

Clear Filters

Components that clear the current filters.

Metadata

Stats

Components that display metadata about the current search and its results.

QueryRuleCustomData

Component that displays custom data from Rules.

Sorting

SortBy

Components that displays a list of indices, allowing a user to change the way hits are sorted (using replica indices).

RelevantSort

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.

Did you find this page helpful?