How to display a custom token on ConnectButton
In this guide, we'll learn how to display a custom token in the ConnectButton component.
The displayBalanceToken prop can be used to specify an address for displaying a token, instead of the native token for the chain.
<ConnectButton
detailsButton={{
displayBalanceToken: {
[1]: "0xa0b86991c6218b36c1d19d4a2e9eb0ce3606eb48",
[137]: "0x3c499c542cEF5E3811e1192ce70d8cC03d5c3359",
},
}}
/>
That's all there is to it. It's that simple to change the token on the ConnectButton component.
Can’t get this working? If you’ve followed the above and still have issues, contact our support team for help.
Did this answer your question?
😞
😐
🤩