ReceiveCard

Usage scenario:

Display the QR code for receiving tokens.

UI

Recipient's QR code of ELF, MainChain AELF

• Scan the code with the Portkey App to transfer ELF token on MainChain AELF

Recipient's QR code of ELF, SideChain tDVV

• Scan the code with the Portkey App to transfer ELF token on SideChain tDVV

Usage

import { ReceiveCard } from '@portkey/did-ui-react';

const App = () => (
  <ReceiveCard
    receiveInfo={{
      address: 'NRMRvewuaidMJMtfz1sHb8XGXWqMhxiBuork1wTYKk9zeSuS6',
      name: '',
    }}
    assetInfo={{
      symbol: 'ELF',
      tokenContractAddress: 'JRmBduh4nXWi1aXgdUsj5gJrzeZb2LxmrAbf7W99faZSvoAaE',
      chainId: 'tDVV',
      decimals: 8,
    }}
    networkType={'TESTNET'}
    chainId={'tDVV'}
  />
);

export default App;

API

Property	Description	Type	Default	Version
receiveInfo	Receiver's info	{address:string; name?: string;}	-
assetInfo	The close button element	{symbol: string;tokenContractAddress: string; chainId: ChainId; decimals: number}	-
networkType	The current network type	'TESTNET' | 'MAINNET'	-	V2.0.0
title	Title name	string	-
className	Class name of the top level container	string	-
closeIcon	The close button	ReactNode	-
symbolIcon	Link to the current token icon	string	-	V2.0.0
backIcon	Icon of the back button	ReactNode	-
chainId	The chain where the receiver is on	ChainId	-
onCancel	Callback of cancelling	() => void;	-