PayEmbed

Embed thirdweb Pay UI for Buy tokens using Crypto or Credit Card.

PayEmbed also renders a "Connect" button if the user is not connected to a wallet. You can customize the options for "Connect" button using the connectOptions prop.

Example

<PayEmbed
client={client}
connectOptions={{
connectModal: {
size: "compact",
},
}}
payOptions={{
buyWithCrypto: false,
}}
/>;
function PayEmbed(props: PayEmbedProps): Element;

Parameters

Props of type PayEmbedProps to configure the PayEmbed component.

Type

let props: {
className?: string;
client: ThirdwebClient;
connectOptions?: PayEmbedConnectOptions;
locale?: LocaleId;
payOptions?: PayUIOptions;
style?: React.CSSProperties;
supportedTokens?: SupportedTokens;
theme?: "light" | "dark" | Theme;
};

Returns

let returnType: Element;