Docs

TransactionButton

Defined in thirdweb/src/react/web/ui/TransactionButton/index.tsx#L41

TransactionButton component is used to render a button that triggers a transaction.

  • It shows a "Switch Network" button if the connected wallet is on a different chain than the transaction.

Example

<TransactionButton
  transaction={() => {}}
  onTransactionConfirmed={handleSuccess}
  onError={handleError}
>
  Confirm Transaction
</TransactionButton>;

Customize the styling by passing the unstyled prop and your inline styles and/or classes:

<TransactionButton
  transaction={() => {}}
  onTransactionConfirmed={handleSuccess}
  onError={handleError}
  unstyled
  className="bg-white text-black rounded-md p-4 flex items-center justify-center"
>
  Confirm Transaction
</TransactionButton>;

Parameters

Returns