Rantai
Rantai
Mengkustomisasi rantai
RainbowKit dirancang untuk berintegrasi dengan objek chain dari wagmi. Lihat daftar rantai yang didukung di sini.
Secara default, RainbowKit akan terhubung ke rantai pertama yang disediakan ke Wagmi. Perilaku ini dapat dikustomisasi melalui prop initialChain.
Rantai awal dapat dikonfigurasi menggunakan ID rantai.
<RainbowKitProvider initialChain={1}>
Untuk kenyamanan, Anda juga dapat melewati sebuah objek rantai.
<RainbowKitProvider initialChain={mainnet}>
Beberapa ikon dan latar belakang rantai disediakan secara default, tetapi Anda dapat mengkustomisasi ikon dan latar belakang untuk setiap rantai menggunakan properti iconUrl dan iconBackground.
Contoh dengan 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',
},
],
});
Contoh dengan 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,
});
