thirdwebDocs
GitHub

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;
  hiddenWallets?: Array<WalletId>;
  locale?: LocaleId;
  payOptions?: PayUIOptions;
  style?: React.CSSProperties;
  supportedTokens?: SupportedTokens;
  theme?: "light" | "dark" | Theme;
};

Returns

let returnType: Element;