Rainbow logo
RainbowKit
2.2.4

ข้อมูลแอปที่กำหนดเอง

ข้อมูลแอปที่กำหนดเอง

การปรับแต่งข้อมูลของแอปของคุณ

คุณสามารถส่งผ่านข้อมูลแอปของคุณในพร็อพ appInfo สำหรับ RainbowKitProvider. คุณสมบัติที่สามารถปรับแต่งได้คือชื่อของแอปของคุณ (appName) และลิงก์ที่ปุ่ม “Learn More” ในการเชื่อมต่อโมดอลจะนำไปสู่ (learnMoreUrl):

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

คุณสามารถให้ข้อจำกัดความรับผิดชอบของคุณเองเพื่อแสดงที่ด้านล่างของโมดอลการเชื่อมต่อ. พร็อพ disclaimer ใน appInfo ใช้ DisclaimerComponent พร้อมอาร์กิวเมนต์ Text และ Link. คุณสามารถใช้งานเพื่อสร้างข้อจำกัดความรับผิดชอบที่ใช้ระบบธีมมิ่ง. เรานำเข้าแบบ DisclaimerComponent สำหรับผู้ใช้ TypeScript:

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>
);
};