TokenBalancesListView
Multichain token balances with token logos, spot prices and 24h price deltas.
This interface provides a snapshot of an individual's or organization's token assets, commonly used for portfolio tracking and financial analysis. Displaying token logos, chain and token names, quote rates, balance, and value quotes—with sortable columns—it features delta values for recent balance changes. Users can also see the summed total quote for the entire wallet, offering a complete financial overview based on a single wallet address input.
Usage
Below is basic implementation of the TokenBalancesListView component. You can use this as a starting point for your own implementation.
JavaScript
<TokenBalancesListView
chain_names={[
"eth-mainnet",
"matic-mainnet",
"bsc-mainnet",
"avalanche-mainnet",
"optimism-mainnet",
]} // list of chains
hide_small_balances
address="0xfc43f5f9dd45258b3aff31bdbe6561d97e8b71de" //sample address
/>Name | Type | Description | |
|---|---|---|---|
| Required Properties | |||
chain_names | Chain[] | Array of chain names. eg: [eth-mainnet]. | |
address | string | The requested address. | |
| Optional Properties | |||
mask_balances | boolean | Hide balances | |
hide_small_balances | boolean | Hide balances under 0.01. | |
on_transfer_click | Function | Function that returns information on the token when clicking the transfer button | |