Chaînes
Chaînes
Personnalisation des chaînes
RainbowKit est conçu pour s'intégrer à l'objet chain de wagmi. Consultez la liste des chaînes supportées ici.
Par défaut, RainbowKit se connectera à la première chaîne fournie à Wagmi. Ce comportement peut être personnalisé via la propriété initialChain.
La chaîne initiale peut être configurée en utilisant un ID de chaîne.
<RainbowKitProvider initialChain={1}>
Par commodité, vous pouvez également passer un objet de chaîne.
<RainbowKitProvider initialChain={mainnet}>
Par défaut, plusieurs icônes et arrière-plans de chaînes sont fournis, mais vous pouvez personnaliser l'icône et l'arrière-plan pour chaque chaîne en utilisant les propriétés iconUrl et iconBackground.
Exemple avec 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',
},
],
});
Exemple avec 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,
});
