Uniport SDK demo

Configure the deposit button.

Destination

Settlement target

Default settlementUSDC on Optimism
optimismUSDC

Code

One component

DepositAction.tsx
  1. 1import { UniportButton } from "uniport-sdk";
  2. 2
  3. 3export function DepositAction() {
  4. 4 return (
  5. 5 <UniportButton
  6. 6 recipient="0xe7995A...e363d5"
  7. 7 destinationToken="optimismUSDC"
  8. 8 label="Deposit"
  9. 9 />
  10. 10 );
  11. 11}
Show complete example
import { UniportButton } from "uniport-sdk";

export function DepositAction() {
  return (
    <UniportButton
      recipient="0xe7995A5b1B41779DeA900E2204dc08110de363d5"
      destinationToken="optimismUSDC"
      label="Deposit"
      onSuccess={(payment) => {
        console.log(payment.txHash);
      }}
    />
  );
}