ConnectButton_detailsModalOptions

Use custom avatar URL for the connected wallet image in the ConnectButton Details Modal, overriding ENS avatar or Blobbie icon.

type connectedAccountAvatarUrl = string;

Render custom UI for the connected wallet name in the ConnectButton Details Modal, overriding ENS name or wallet address.

type connectedAccountName = React.ReactNode;

All wallet IDs included in this array will be hidden from wallet selection when connected.

type hiddenWallets = Array<WalletId>;

Hide the "Buy Funds" button in the ConnectButton Details Modal.

By default the "Buy Funds" button is shown.

type hideBuyFunds = boolean;

Hide the "Disconnect Wallet" button in the ConnectButton Details Modal.

By default it is false

type hideDisconnect = boolean;

<ConnectButton
  detailsModal={{
    hideDisconnect: true,
  }}
/>;

Hide the "Receive Funds" button in the ConnectButton Details Modal.

By default the "Receive Funds" button is shown.

type hideReceiveFunds = boolean;

Hide the "Send Funds" button in the ConnectButton Details Modal.

By default the "Send Funds" button is shown.

type hideSendFunds = boolean;

Hide the "Switch Wallet" button in the ConnectButton Details Modal.

By default it is false

type hideSwitchWallet = boolean;

<ConnectButton
  detailsModal={{
    hideSwitchWallet: true,
  }}
/>;

customize the Network selector shown in the ConnectButton Details Modal

type networkSelector = NetworkSelectorProps;

Configure options for thirdweb Pay.

thirdweb Pay allows users to buy tokens using crypto or fiat currency.

type payOptions = Extract<PayUIOptions, { mode?: "fund_wallet" }>;

Show a "Request Testnet funds" link in ConnectButton Details Modal when user is connected to a testnet.

By default it is false , If you want to show the "Request Testnet funds" link when user is connected to a testnet, set this prop to true

type showTestnetFaucet = boolean;

<ConnectButton showTestnetFaucet={true} />;