Skip to main content

Connect Wallet Button

The Connect Wallet button allows the user to connect to your application using their MetaMask, WalletConnect or Coinbase wallet.

After the user has connected, the user can:

  • View the connected wallet address
  • View their balance of the native token (such as ETH)
  • Switch network, disconnect wallet, and copy their wallet address

Below is an example of the button before and after the user connects their wallet:

Example

import { ConnectWallet } from "@thirdweb-dev/react";

<ConnectWallet
// Some customization of the button style
colorMode="light"
accentColor="#F213A4"
/>;