Widgets Hits


Displays a list of hits.

To configure the number of hits being shown, use the HitsPerPage widget, connectHitsPerPage connector or the Configure widget.


type: Component 

Component used for rendering each hit from the results. If it is not provided the rendering defaults to displaying the hit in its JSON form. The component will be called with a hit prop.

Example usage

import React from 'react'; import { InstantSearch, Hits } from 'react-instantsearch-dom'; const App = () => ( <InstantSearch appId="latency" apiKey="6be0576ff61c053d5f9a3225e2a90f76" indexName="instant_search" > <Hits /> </InstantSearch> );

CSS classes

.ais-Hits {}

the root div of the widget

.ais-Hits-list {}

the list of results

.ais-Hits-item {}

the hit list item

Translation keys

This widget has no translations.