`<TokenRow />`

The TokenRow component displays token information in a row format to be used in list components.

Usage

Token with an image url

import { TokenRow } from '@coinbase/onchainkit/token';
 
const token = { ... };
 
<TokenRow token={token} />;

Token without an image url

import { TokenRow } from '@coinbase/onchainkit/token';
 
const token = { ... };
 
<TokenRow token={token} />;

Token with an amount

import { TokenRow } from '@coinbase/onchainkit/token';
 
const token = { ... };
 
<TokenRow token={token} amount="1000" />; 
<TokenRow token={token} amount="0.00234567" />;

Variations with hideImage and hideSymbol

import { TokenRow } from '@coinbase/onchainkit/token';
 
const token = { ... };
 
<TokenRow token={token} hideSymbol />; 
<TokenRow token={token} hideImage />; 
<TokenRow token={token} hideSymbol hideImage />;

Props

TokenRowReact