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

Component that performs 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

Component that manages and displays a list of search results.

Highlighting

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

Multi Hits

Component that manages and displays a paginated list of search results from multiple indices.

Refinements

Refinement List

Components that perform refinements on a facet.

Filter List (Facet)

Component that displays 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.

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

Sort By

Components that display 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?