ConnectButton_detailsModalOptions

When you click on "View Assets", by default the "Tokens" tab is shown first. If you want to show the "NFTs" tab first, change the order of the asset tabs to: ["nft", "token"] Note: If an empty array is passed, the [View Funds] button will be hidden

type assetTabs = Array<AssetTabs>;

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} />;