Getting started

Customization

The EthosConnect sign-in modal copy can be edited to your liking.


The dApp name, icon, and message can be edited:

import { EthosConnectProvider } from 'ethos-connect';

const App = () => {
  return (
    <EthosConnectProvider
      dappName="<your dApp's Name>"
      dappIcon={<ExampleIcon />}
      connectMessage='Your connect message goes here!'
    >
      <YourApp />
    </EthosConnectProvider>
  );
};

Which would look like this:

Sign in button with accent color


Note

Custom light/dark theme and accent colors are coming soon.

Previous
Sign in button