Rainbow logo
RainbowKit
2.2.10

自定义应用信息

自定义应用信息

定制您应用的信息

您可以在 RainbowKitProviderappInfo 属性中传递您的应用程序信息。您可以修改的属性包括您的应用名称 (appName) 和连接模态窗口中“了解更多”的链接重定向地址 (learnMoreUrl):

import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
const App = () => {
return (
<RainbowKitProvider appInfo={{ appName: 'Rainbowkit Demo', learnMoreUrl: 'https://learnaboutcryptowallets.example', }} {...etc} >
{/* ... */}
</RainbowKitProvider>
);
};

您可以在连接模态窗口底部提供您自己的免责声明。 appInfo 中的 disclaimer 属性接受带有 TextLink 参数的 DisclaimerComponent。您可以使用它构建一个继承主题系统的自定义免责声明。我们为 TypeScript 用户导出了 DisclaimerComponent 类型:

import { RainbowKitProvider, DisclaimerComponent, } from '@rainbow-me/rainbowkit';
const Disclaimer: DisclaimerComponent = ({ Text, Link }) => (
<Text>
By connecting your wallet, you agree to the{' '}
<Link href="https://termsofservice.xyz">Terms of Service</Link> and
acknowledge you have read and understand the protocol{' '}
<Link href="https://disclaimer.xyz">Disclaimer</Link>
</Text>
);
const App = () => {
return (
<RainbowKitProvider appInfo={{ appName: 'RainbowKit Demo', disclaimer: Disclaimer, }} {...etc} >
{/* ... */}
</RainbowKitProvider>
);
};