Concepts / Building Search UI / Widgets showcase
Aug. 20, 2019

Widgets Showcase

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.

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.

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 (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.

Current Refinements

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

Filter Toggle

Components that toggle an arbitrary filter on or off.

Clear Refinements

Components that clear the current refinements.

Metadata

Stats

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

Sorting

Sort By

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

Did you find this page helpful?