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

Usage

Token with an image url
// @noErrors: 1109 - Expression expected
import { TokenRow } from '@coinbase/onchainkit/token';

const token = { ... };

<TokenRow token={token} />; 
Token without an image url
// @noErrors: 1109 - Expression expected
import { TokenRow } from '@coinbase/onchainkit/token';

const token = { ... };

<TokenRow token={token} />; 
Token with an amount
// @noErrors: 1109 - Expression expected
import { TokenRow } from '@coinbase/onchainkit/token';

const token = { ... };

<TokenRow token={token} amount="1000" />; 
<TokenRow token={token} amount="0.00234567" />; 
Variations with hideImage and hideSymbol
// @noErrors: 1109 - Expression expected
import { TokenRow } from '@coinbase/onchainkit/token';

const token = { ... };

<TokenRow token={token} hideSymbol />; 
<TokenRow token={token} hideImage />; 
<TokenRow token={token} hideSymbol hideImage />; 

Props

TokenRowReact