Docs

useWalletDetailsModal

Defined in thirdweb/src/react/web/ui/ConnectWallet/Details.tsx#L1195

Hook to open the Wallet Details Modal that shows various information about the connected wallet and allows users to perform various actions like sending funds, receiving funds, switching networks, Buying tokens, etc.

Example

import { createThirdwebClient } from "thirdweb";
import { useWalletDetailsModal } from "thirdweb/react";
 
const client = createThirdwebClient({
  clientId: "<your_client_id>",
});
 
function Example() {
  const { open } = useWalletDetailsModal();
 
  function handleClick() {
    open({ client, theme: "light" });
  }
 
  return <button onClick={handleClick}> Show Wallet Details </button>;
}

Returns