@depay/react-token-image-evm NPM

Quickstart

yarn add @depay/react-token-image

npm install --save @depay/react-token-image

import { TokenImage } from '@depay/react-token-image'

render() {
  return(
    <TokenImage
      className="custom-img-class-name"
      blockchain={'ethereum'}
      address={'0xa0bEd124a09ac2Bd941b10349d8d224fe3c955eb'}
    />
  )
}

Support

This library supports the following blockchains:

Platform specific packaging

In case you want to use and package only specific platforms, use the platform-specific package:

EVM (Ethereum Virtual Machien) platform specific packaging

import { TokenImage } from '@depay/react-token-image-evm'

SVM (Solana Virtual Machine) platform specific packaging

import { TokenImage } from '@depay/react-token-image-svm'

Functionalities

TokenImage

The TokenImage component tries to display a token image for a given blockchain and address by:

Trying to fetch the image from https://github.com/trustwallet/assets, or https://github.com/wagyuswapapp/assets (Velas)
Trying to fetch the image from DePay API
Trying to fetch an image through NFT token meta data

NFT Images

Pass an additional id if token address contains multiple NFTs:

<TokenImage
  blockchain={'ethereum'}
  address={'0x495f947276749ce646f68ac8c248420045cb7b5e'}
  id={'42745998150656004690816543961586238000273307462307754421658803578179357246440'}
/>