Connect Button
Wallet connection component to enable sign-in to any 500+ EOA (external wallets) or in-app wallets via email, phone number, passkeys, or social logins
Loading...
Wallet connection component to enable sign-in to any 500+ EOA (external wallets) or in-app wallets via email, phone number, passkeys, or social logins
Abstract away gas fees for users of your app by enabling ERC-4337 Account Abstraction
Learn more about Account Abstractionimport { createThirdwebClient } from "thirdweb";
import { ConnectButton } from "thirdweb/react";
import { inAppWallet, createWallet } from "thirdweb/wallets";
const client = createThirdwebClient({
clientId: "....",
});
const wallets = [inAppWallet({
auth: {
options: ["google","discord","telegram","farcaster","email","x","passkey","phone"],
},
}), createWallet("io.metamask"), createWallet("com.coinbase.wallet"), createWallet("me.rainbow"), createWallet("io.rabby"), createWallet("io.zerion.wallet")];
function Example() {
return (
<ConnectButton client={client}
connectModal={{"size":"compact"}}
theme={"light"}
wallets={wallets} />
);
}