Wallet Providers

To modify the displayed wallet providers, you can edit the supportedWallets array in the ThirdwebProvider:

import { ThirdwebProvider } from "@thirdweb-dev/react";

function App() {
  return (
    <ThirdWebProvider
      supportedWallets={[metamaskWallet(), walletConnect()]}
    >
      <ConnectWallet />
    </ThirdWebProvider>
  );
}

You can then render the ConnectWallet component which will automatically display the supported wallets:

import { ConnectWallet } from "@thirdweb-dev/react";

// render ConnectWallet button wherever you want

function App() {
  return (
    <div>
      <ConnectWallet />
    </div>
  );
}