ConnectEmbed

Sets the modal title

<ConnectEmbed modalTitle="Sign In" />;

Sets the modal icon.

You can pass empty string to hide the icon.

<ConnectEmbed modalTitleIconUrl="https://thirdweb.com/favicon.ico" />;

Custom styles to be added to the root container of ConnectEmbed component.

<ConnectEmbed
  container={{
    paddingVertical: "md",
    marginHorizontal: "md",
    borderRadius: "md",
  }}
/>;

theme to apply on the ConnectEmbed component.

If a theme is set on the ThirdWebProvider component, it will be used as the default theme for all thirdweb components, else the default will be "dark"

theme can be set to either "dark" or "light" or a custom theme object.

function Example() {
  return <ConnectEmbed theme="light" />;
}

You can also import lightTheme or darkTheme functions from @thirdweb-dev/react-native to use the default themes as base and overrides parts of it.

import { lightTheme, ConnectEmbed } from "@thirdweb-dev/react-native";
 
const customTheme = lightTheme({
  colors: {
    background: "red",
  },
});
 
function Example() {
  return <ConnectEmbed theme={customTheme} />;
}

If provided, Embed will show a Terms of Service message at the bottom with below link

function Example() {
  return (
    <ConnectEmbed termsOfServiceUrl="https://your-link-to-tos" />
  );
}

If provided, Embed will show a Terms of Service message at the bottom with below link

function Example() {
  return (
    <ConnectEmbed privacyPolicyUrl="https://your-link-to-privacy-policy" />
  );
}

Callback to be called on successful connection of wallet

<ConnectEmbed
  onConnect={() => {
    console.log("wallet connected");
  }}
/>;