Custom selector

You can add additional dropdown menus to the top bar with your custom options.

The code below shows how to add a custom menu with three token choices:

const TOKENS: CustomTopBarMenuItem[] = [
  {title:'Token 1', icon: <LogoGreen/>  },
  {title: 'Token 2', icon: <LogoYellow/>},
  {title: 'Token 3', icon: <LogoOrange/> }
];

const tokenSettings = {
  return {
    items: TOKENS,
    currentItem: currentToken,
    onItemSwitch: (t: string) => {
      // update your app upon item change
    },
  };
};

<ClickTopBar customTopBarMenuSettings={[tokenSettings]} />