Rainbow logo
RainbowKit
2.2.10

चेन(सूंखलाएं)

चेन(सूंखलाएं)

चेन को कस्टमाइज़ करना

रेनबो किट को वाग्मी के चेन ऑब्जेक्ट के साथ इंटीग्रेट करने के लिए डिज़ाइन किया गया है। समर्थित चेन की सूची यहाँ देखें।

डिफ़ॉल्ट रूप से, रेनबो किट वाग्मी को प्रदान की गई पहली चेन से कनेक्ट होगी। इस व्यवहार को initialChain प्रोप के माध्यम से अनुकूलित किया जा सकता है।

प्रारंभिक चेन को एक चेन आईडी का उपयोग करके कॉन्फ़िगर किया जा सकता है।

<RainbowKitProvider initialChain={1}>

सुविधा के लिए, आप चेन ऑब्जेक्ट भी पास कर सकते हैं।

<RainbowKitProvider initialChain={mainnet}>

डिफ़ॉल्ट रूप से कई चेन आइकॉन और बैकग्राउंड प्रदान किए जाते हैं, लेकिन आप प्रत्येक चेन के लिए iconUrl और iconBackground प्रॉपर्टीज़ का उपयोग करके आइकॉन और बैकग्राउंड को कस्टमाइज़ कर सकते हैं।

getDefaultConfig के साथ उदाहरण

import { mainnet, optimism } from 'wagmi/chains';
const config = getDefaultConfig({
chains: [
{
...mainnet,
iconBackground: '#000',
iconUrl: 'https://example.com/icons/ethereum.png',
},
{
...optimism,
iconBackground: '#ff0000',
iconUrl: 'https://example.com/icons/optimism.png',
},
],
});

createConfig के साथ उदाहरण

import { mainnet, optimism } from 'wagmi/chains';
import { Chain } from '@rainbow-me/rainbowkit';
const chains: readonly [Chain, ...Chain[]] = [
{
...mainnet,
iconBackground: '#000',
iconUrl: 'https://example.com/icons/ethereum.png',
},
{
...optimism,
iconBackground: '#ff0000',
iconUrl: 'https://example.com/icons/optimism.png',
},
];
const config = createConfig({
chains,
});