Web3Button variable

This feature is currently in beta and may change based on feedback that we receive.

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.

Example

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

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

Signature:

Web3Button: <TAction extends ActionFn>({
  contractAddress,
  onSuccess,
  onError,
  onSubmit,
  isDisabled,
  contractAbi,
  children,
  action,
  className,
  ...themeProps
}: PropsWithChildren<Web3ButtonProps<TAction>>) => JSX.Element;