Цепочки
Цепочки
Настройка цепочек
RainbowKit разработан для интеграции с объектом chain из wagmi. Ознакомьтесь со списком поддерживаемых цепочек здесь.
По умолчанию RainbowKit будет подключаться к первой цепочке, предоставленной Wagmi. Это поведение можно изменить с помощью свойства 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,
});
