Web3Button

A component that allows the user to call an on-chain function on a contract.

The button has to be wrapped in a ThirdwebProvider in order to function.

function Web3Button<TAction extends ActionFn>(
  props: PropsWithChildren<Web3ButtonProps<TAction>>,
): Element;

Parameters


Returns

type ReturnType = Element;

Example

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

const App = () => {
  return (
    <div>
      <Web3Button
        contractAddress="0x..."
        action={(contract) => contract.erc721.transfer("0x...", 1)}
      />
    </div>
  );
};