Docs

WelcomeScreen

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