Introduction
Guides
Components
- Appchain
- Buy
- Checkout
- Earn
- Fund
- Identity
- Mint
- <Signature />
- Swap
- Token
- <Transaction />
- Wallet
API
- Mint
- Swap
- Token
- Wallet
Utilities
- Config
- Earn
- Fund
- Identity
- Mint
- Token
- Wallet
Contribution
Token
`<TokenChip />`
The TokenChip
component is a button that displays the token symbol.
Usage
Copy
Ask AI
// @noErrors: 2322 - type 'string' is not assignable to type 0x{string}
import { TokenChip } from '@coinbase/onchainkit/token';
import '@coinbase/onchainkit/styles.css';
const token = {
address: '0x1234',
chainId: 1,
decimals: 18,
image:
'https://dynamic-assets.coinbase.com/dbb4b4983bde81309ddab83eb598358eb44375b930b94687ebe38bc22e52c3b2125258ffb8477a5ef22e33d6bd72e32a506c391caa13af64c00e46613c3e5806/asset_icons/4113b082d21cc5fab17fc8f2d19fb996165bcce635e6900f7fc2d57c4ef33ae9.png',
name: 'Ethereum',
symbol: 'ETH',
};
<TokenChip token={token} />;
Props
Was this page helpful?
Assistant
Responses are generated using AI and may contain mistakes.