WalletLive Preview
Connect Wallet
Wallet picker with multi-wallet support, connected state, chain switching, and disconnect. Pure UI — bring your own wallet logic.
metamaskwalletconnectcoinbasephantomwagmi
API Reference
| Prop | Type | Default | Description |
|---|---|---|---|
wallets* | WalletOption[] | — | List of wallets to display (id, name, icon, ecosystem) |
connectedAccount | ConnectedAccount | null | — | Connected account data. null = show wallet picker |
onConnect* | (walletId: string) => void | — | Called when user selects a wallet to connect |
onDisconnect | () => void | — | Called when user clicks disconnect |
chains | Chain[] | — | Supported chains for the chain switcher |
activeChain | Chain | — | Currently active chain |
onChainSwitch | (chainId: number) => void | — | Called when user switches chain |
recentWalletId | string | — | ID of the most recently used wallet (shown highlighted) |
variant | "default" | "compact" | "default" | default = full picker, compact = button that opens picker |
loading | boolean | false | Show loading state on the selected wallet |
className | string | — | Additional CSS classes |