SiteEmbed

Embeds another thirdweb-supported site for seamless in-app and ecosystem wallet connection.

Make sure the embedded site includes <AutoConnect /> and supports frame ancestors, see here for more information.

The embedded site must support the connected wallet (ecosystem or in-app).

import { SiteEmbed } from "thirdweb/react";
 
<SiteEmbed
  src="https://thirdweb.com"
  client={thirdwebClient}
  ecosystem={{ id: "ecosystem.thirdweb" }}
/>;

function SiteEmbed(
  props: {
    client: ThirdwebClient;
    ecosystem?: Ecosystem;
    src: string;
  } & ClassAttributes<HTMLIFrameElement> &
    IframeHTMLAttributes<HTMLIFrameElement>,
): Element;

let props: {
  client: ThirdwebClient;
  ecosystem?: Ecosystem;
  src: string;
} & ClassAttributes<HTMLIFrameElement> &
  IframeHTMLAttributes<HTMLIFrameElement>;

let returnType: Element;