<PoweredBy> component displays the “Powered by Algolia” logo with a link to Algolia’s website.
Import
Props
The theme of the logo.
CSS classes to customize the component styling.
Learn more about Mintlify
Enter your email to receive updates about new features and product releases.
Display “Powered by Algolia” logo
<PoweredBy> component displays the “Powered by Algolia” logo with a link to Algolia’s website.
import { PoweredBy } from 'react-instantsearch';
<PoweredBy theme="dark" />
import { InstantSearch, SearchBox, Hits, PoweredBy } from 'react-instantsearch';
import { liteClient as algoliasearch } from 'algoliasearch/lite';
const searchClient = algoliasearch(
'YourApplicationID',
'YourSearchOnlyAPIKey'
);
function App() {
return (
<InstantSearch searchClient={searchClient} indexName="products">
<SearchBox />
<Hits />
<footer>
<PoweredBy />
</footer>
</InstantSearch>
);
}
function App() {
return (
<div className="dark-background">
<InstantSearch searchClient={searchClient} indexName="products">
<SearchBox />
<Hits />
<PoweredBy theme="dark" />
</InstantSearch>
</div>
);
}