Docs

WelcomeScreen

Defined in react/src/wallet/ConnectWallet/screens/types.ts#L32

Render custom Welcome Screen in "wide" ConnectWallet Modal either by passing a custom React component or by passing an object with custom title, subtitle and image

type WelcomeScreen =
  | {
      img?: { height?: number; src: string; width?: number };
      subtitle?: string;
      title?: string;
    }
  | (() => React.ReactNode);

Example

Custom React component

<ConnectWallet
  welcomeScreen={() => (
    <div
      style={{
        height: "100%",
      }}
    >
      ...
    </div>
  )}
/>;

Custom title, subtitle and image

<ConnectWallet
 welcomeScreen={{
   title: 'Custom Title',
   subtitle: 'Custom Subtitle',
   img: {
     src: 'https://example.com/image.png',
     width: 100,
     height: 100,
   }
 })
/>