Web3Button

Button that executes a function on a smart contract from the connected wallet when clicked.

It ensures the following criteria before attempting to call the contract function:

• There is a connected wallet (if there is not, it renders a ConnectWallet Button instead).
• The connected wallet is on the correct network which is specified in the activeChain prop of ThirdwebProvider component. if wallet is connected to any other network, it renders a switch network button instead.

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

Render the Web3Button component with two required props to display the button:

• contractAddress: The address of the smart contract to interact with.
• action: The logic to execute when the button is clicked.

import { Web3Button } from "@thirdweb-dev/react";
 
function App() {
  return (
    <Web3Button
      contractAddress="0x..." // Your smart contract address
      action={async (contract) => {
        await someAction(contract);
      }}
    >
      Execute Action
    </Web3Button>
  );
}