ConnectEmbedProps
type ConnectEmbedProps = { container?: React.ComponentProps<typeof Box>; modalTitle?: string; modalTitleIconUrl?: string; onConnect?: () => void; privacyPolicyUrl?: string; termsOfServiceUrl?: string;};
Props to be passed to the Embed container component to control padding, margin, etc.
<ConnectEmbed container={{ paddingVertical: "md", marginHorizontal: "md", borderRadius: "md", }}/>;
type container = React.ComponentProps<typeof Box>;
Set a custom title for the Connect Wallet modal
The default is "Choose your wallet"
type modalTitle = string;
Replace the thirdweb icon next to modalTitle and set your own iconUrl
Set to empty string to hide the icon
type modalTitleIconUrl = string;
If provided, Embed will show a Privacy Policy message at the bottom with below link
type privacyPolicyUrl = string;
If provided, Embed will show a Terms of Service message at the bottom with below link
type termsOfServiceUrl = string;
theme for the ConnectEmbed
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.
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 } from "@thirdweb-dev/react-native";const customTheme = lightTheme({ colors: { accentButtonTextColor: "red", },});