Widgets <Index>


<Index> is the component that allows you to apply widgets to a dedicated index. It’s useful if you want to build an interface that targets multiple indices.


type: string 

index in which to search.

type: { Root: string|function, props: object } 

Use this to customize the root element. Default value: { Root: 'div' }

Example usage

import React from 'react'; import { InstantSearch, Index, SearchBox, Hits, Configure } from 'react-instantsearch/dom'; const App = () => ( <InstantSearch appId="latency" apiKey="6be0576ff61c053d5f9a3225e2a90f76" indexName="ikea" > <Configure hitsPerPage={5} /> <SearchBox /> <Index indexName="ikea"> <Hits /> </Index> <Index indexName="bestbuy"> <Hits /> </Index> </InstantSearch> );

CSS classes

This widget has no theming options.

Translation keys

This widget has no translations.