Skip to main content
The <PoweredBy> component displays the “Powered by Algolia” logo with a link to Algolia’s website.

​
Import

import { PoweredBy } from 'react-instantsearch';

​
Props

​
theme
'light' | 'dark'
default:"light"
The theme of the logo.
<PoweredBy theme="dark" />
​
classNames
object
CSS classes to customize the component styling.

​
Example

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>
  );
}

​
Dark Theme

function App() {
  return (
    <div className="dark-background">
      <InstantSearch searchClient={searchClient} indexName="products">
        <SearchBox />
        <Hits />
        <PoweredBy theme="dark" />
      </InstantSearch>
    </div>
  );
}