;"> />;
View all available config options
<ConnectEmbed client={client} wallets={[ createWallet("io.metamask"), createWallet("com.coinbase.wallet"), createWallet("me.rainbow"), ]}/>;
View all available wallets
import { base } from "thirdweb/chains"; <ConnectEmbed client={client} chain={base} />;
<ConnectEmbed client={client} auth={{ isLoggedIn: async (address) => { console.log("checking if logged in!", { address }); return await isLoggedIn(); }, doLogin: async (params) => { console.log("logging in!"); await login(params); }, getLoginPayload: async ({ address }) => generatePayload({ address }), doLogout: async () => { console.log("logging out!"); await logout(); }, }}/>;
<ConnectEmbed client={client} theme="light" />;
For more granular control, you can also pass a custom theme object:
<ConnectEmbed client={client} theme={lightTheme({ colors: { modalBg: "red", }, })}/>;
View all available themes properties
<ConnectEmbed client={client} locale="ja_JP" />;
View all available locales
function ConnectEmbed(props: ConnectEmbedProps): Element;
The props for the ConnectEmbed component.
ConnectEmbed
Refer to the ConnectEmbedProps type for more details
ConnectEmbedProps
let props: ConnectEmbedProps;
let returnType: Element;
A JSX element that renders the <ConnectEmbed> component.
<ConnectEmbed>