Add customizable options to allow users to connect via other providers in the WalletKit Link modal. This is great for users who have existing wallets and don’t wish to use email or social logins.

WalletKitLinkProvider accepts an externalConnectors prop that can be used to inject buttons with customizable behavior.

const externalConnectors = [
  {
    id: 'metaMask',
    name: 'MetaMask',
    logo: ({className}: { className: string }) => <MetaMaskLogo className={className}/>,
    onClick: async () => {
      await window.ethereum.request({
        method: "eth_requestAccounts",
      });
    },
  }
]

export function App() {
  return (
    <WalletKitLinkProvider link={..} externalConnectors={externalConnectors}>
    ...
    </WalletKitLinkProvider>;
  )
}