チェーン
チェーン
チェーンのカスタマイズ
RainbowKitはwagmiのchainオブジェクトと統合するように設計されています。 サポートされているチェーンのリストを確認してください here。 サポートされているチェーンのリストを確認してください here。
デフォルトでは、RainbowKitはWagmiに提供された最初のチェーンに接続します。 この動作は、initialChain propを介してカスタマイズできます。 この動作は、initialChain propを介してカスタマイズできます。
初期チェーンはチェーンIDを使用して設定できます。
<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,
});
