Type alias ConnectWalletProps

Type declaration

• Optional detailsButton?: ConnectWalletDetailsProps["detailsButton"]

  render a custom button to display the connected wallet details instead of the default button

• Optional displayBalanceToken?: Record<number, string>

  Show balance of ERC20 token instead of the native token in the "Connected" button when connected to certain network

  Example

  <ConnectWallet balanceToken={{
   1: "0x2260FAC5E5542a773Aa44fBCfeDf7C193bc2C599" // show USDC balance when connected to Ethereum mainnet
  }} />
  Copy

• Optional extraRows?: ConnectWalletDetailsProps["extraRows"]

  render custom rows in the Connect Wallet Details modal

• Optional hideTestnetFaucet?: boolean

  Hide option to request testnet funds for testnets in dropdown

  Default

  false
  Copy

• Optional supportedTokens?: SupportedTokens

  Override the default supported tokens for each network

  These tokens will be displayed in "Send Funds" Modal

• Optional switchToActiveChain?: boolean

  Whether to show "Switch Network" button if the wallet is connected, but it is not connected to the activeChain provided in ThirdwebProvider

  Please, note that if you support multiple networks in your app this prop should be set to false to allow users to switch between networks.

  Default

  false
  Copy