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_namesChain[]Array of chain names. eg: [eth-mainnet].
addressstringThe requested address.
Optional Properties
mask_balancesbooleanHide balances
hide_small_balancesbooleanHide balances under 0.01.
on_transfer_clickFunctionFunction that returns information on the token when clicking the transfer button