Rainbow logo
RainbowKit
2.2.10

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,
});