Type alias ConnectWalletProps

ConnectWalletProps: {
    detailsButton?: ConnectWalletDetailsProps["detailsButton"];
    displayBalanceToken?: Record<number, string>;
    extraRows?: ConnectWalletDetailsProps["extraRows"];
    hideSwitchToPersonalWallet?: boolean;
    hideTestnetFaucet?: boolean;
    supportedTokens?: SupportedTokens;
    switchToActiveChain?: boolean;
} & ConnectWalletButtonProps

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
    }} />
  • Optional extraRows?: ConnectWalletDetailsProps["extraRows"]

    render custom rows in the Connect Wallet Details modal

  • Optional hideSwitchToPersonalWallet?: boolean

    Hide the "switch to Personal wallet" option in the wallet modal which is shown when wallet is connected to a Smart Wallet

    Default Value

    false
  • Optional hideTestnetFaucet?: boolean

    Hide option to request testnet funds for testnets in dropdown

    Default Value

    false
  • 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 Value

    false

Settings

Member Visibility

Theme

Generated using TypeDoc