WelcomeScreen

Defined in

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,
   }
 })
/>