WalletDropdownDisconnect
import { Address, Avatar, Name, Identity, EthBalance, } from '@coinbase/onchainkit/identity'; import { color } from '@coinbase/onchainkit/theme'; import { ConnectWallet, Wallet, WalletDropdown, WalletDropdownDisconnect, } from '@coinbase/onchainkit/wallet'; export function WalletComponents() { return ( <div className="flex justify-end"> <Wallet> <ConnectWallet> <Avatar className="h-6 w-6" /> <Name /> </ConnectWallet> <WalletDropdown> <Identity className="px-4 pt-3 pb-2" hasCopyAddressOnClick> <Avatar /> <Name /> <Address className={color.foregroundMuted} /> <EthBalance /> </Identity> <WalletDropdownDisconnect /> </WalletDropdown> </Wallet> </div> ); }
className
// omitted for brevity <WalletDropdownDisconnect className="hover:bg-red-500" />
text
// omitted for brevity <WalletDropdownDisconnect text="Log out" />
WalletDropdownDisconnectReact
Was this page helpful?