ConnectButton_detailsModalOptions
Options for configuring the ConnectButton 's Details Modal
type ConnectButton_detailsModalOptions = { connectedAccountAvatarUrl?: string; connectedAccountName?: React.ReactNode; footer?: (props: { close: () => void }) => JSX.Element; hideBuyFunds?: boolean; hideDisconnect?: boolean; hideReceiveFunds?: boolean; hideSendFunds?: boolean; hideSwitchWallet?: boolean; showTestnetFaucet?: boolean;};
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;
Hide the "Buy Funds" button in the ConnectButton Details Modal.
By default the "Buy Funds" button is shown.
type hideBuyFunds = boolean;
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;
customize the Network selector shown in the ConnectButton Details Modal
Configure options for thirdweb Pay.
thirdweb Pay allows users to buy tokens using crypto or fiat currency.
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} />;