Chaînes
Chaînes
Personnalisation des chaînes
RainbowKit est conçu pour s'intégrer avec l'objet chain de wagmi. Consultez la liste des chaînes prises en charge 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}>
Pour plus de commodité, vous pouvez également passer un objet de chaîne.
<RainbowKitProvider initialChain={mainnet}>
Plusieurs icônes et fonds de chaîne sont fournis par défaut, mais vous pouvez personnaliser l'icône et le fond 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,
});
