Rantai
Rantai
Menyesuaikan rantai
RainbowKit dirancang untuk berintegrasi dengan objek chain wagmi. Lihat daftar rantai yang didukung di sini.
Secara default, RainbowKit akan terhubung ke rantai pertama yang disuplai ke Wagmi. Perilaku ini dapat disesuaikan melalui properti initialChain.
Rantai awal dapat dikonfigurasi menggunakan ID rantai.
<RainbowKitProvider initialChain={1}>
Sebagai kemudahan, Anda juga dapat menyerahkan objek rantai.
<RainbowKitProvider initialChain={mainnet}>
Beberapa ikon rantai dan latar belakang disediakan secara default, tetapi Anda dapat menyesuaikan 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,
});