TokenAmount

The Token Amount component is used to display a token logo followed by an amount and the token symbol.
Usage
import { TokenAmount } from '@aragon/ui'
​
function App() {
  return (
    <TokenAmount
      address="0x6B175474E89094C44Da98b954EedeAC495271d0F"
      amount="1049228954700000000000"
      decimals={18}
      symbol="DAI"
    />
  )
}
Demonstration
Props
address
TYPE
DEFAULT VALUE
string
None
The address of the token contract, on the specified chainId (only Ethereum Mainnet is supported at the moment).
amount
TYPE
DEFAULT VALUE
BigInt, Number, String
None (required)
The token amount.
chainId
TYPE
DEFAULT VALUE
Number
1
The chain ID for the token. Only Ethereum Mainnet (1) is supported at the moment.
decimals
TYPE
DEFAULT VALUE
BigInt, Number, String
None (required)
The number of decimals for the token amount, as specified by the token contract.
digits
TYPE
DEFAULT VALUE
BigInt, Number, String
2
Rounds the number to a given decimal place.
iconUrl
TYPE
DEFAULT VALUE
String
None
Overrides the icon URL given by the token address.
size
TYPE
DEFAULT VALUE
"large" or "medium"
"medium"
Size of the component.
symbol
TYPE
DEFAULT VALUE
String
None
Overrides the symbol given by the token address.

TYPE	DEFAULT VALUE
`string`	None

TYPE	DEFAULT VALUE
`BigInt`, `Number`, `String`	None (required)

TYPE	DEFAULT VALUE
`Number`	`1`

TYPE	DEFAULT VALUE
`BigInt`, `Number`, `String`	None (required)

TYPE	DEFAULT VALUE
`BigInt`, `Number`, `String`	`2`

TYPE	DEFAULT VALUE
`String`	None

TYPE	DEFAULT VALUE
`"large"` or `"medium"`	`"medium"`

TYPE	DEFAULT VALUE
`String`	None

Timer

EthIdenticon

Last modified 6mo ago

TokenAmount

Usage

Demonstration

Props

`address`

`amount`

`chainId`

`decimals`

`digits`

`iconUrl`

`size`

`symbol`