Rainbow logo
RainbowKit
2.2.10

एप्लिकेशन की कस्टम जानकारी

एप्लिकेशन की कस्टम जानकारी

अपने ऐप की जानकारी को कस्टमाइज़ करना

आप अपने एप्लिकेशन की जानकारी को RainbowKitProvider के लिए appInfo प्रॉप में पास कर सकते हैं। जिन प्रॉपर्टियों को आप बदल सकते हैं, वे हैं आपके ऐप का नाम (appName) और वह लिंक जहाँ से “Learn More” बटन कनेक्शन मोडल में रीडायरेक्ट करता है (learnMoreUrl):

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

आप अपना डिस्क्लेमर दे सकते हैं जो कनेक्शन मोडल के नीचे दिखेगा। appInfo में disclaimer प्रॉप एक DisclaimerComponent लेता है जिसमें Text और Link ऑर्ग्यूमेंट होते हैं। आप इसे अपना डिस्क्लेमर बनाने के लिए उपयोग कर सकते हैं जो थीमिंग सिस्टम को विरासत में लेता है। हम 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>
);
};