Cadeias
Cadeias
Personalizando cadeias
O RainbowKit é projetado para integrar-se com o objeto chain do wagmi. Confira a lista de cadeias suportadas aqui.
Por padrão, o RainbowKit conectará à primeira cadeia fornecida para o Wagmi. Este comportamento pode ser personalizado através da propriedade initialChain.
A cadeia inicial pode ser configurada usando um ID de cadeia.
<RainbowKitProvider initialChain={1}>
Para maior comodidade, você também pode passar um objeto de cadeia.
<RainbowKitProvider initialChain={mainnet}>
Vários ícones e planos de fundo de cadeia são fornecidos por padrão, mas você pode personalizar o ícone e o plano de fundo para cada cadeia usando as propriedades iconUrl e iconBackground.
Exemplo com 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',
},
],
});
Exemplo com 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,
});
