เชื่อมโยง
เชื่อมโยง
ปรับแต่งเชื่อมโยง
RainbowKit ถูกออกแบบมาเพื่อรวมกับ object chain
ของ wagmi. ตรวจสอบรายการของสร้อยที่รองรับ ที่นี่.
โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi โดยค่าเริ่มต้น RainbowKit จะเชื่อมต่อกับเชนแรกที่ได้รับจาก Wagmi พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop initialChain
พฤติกรรมนี้สามารถปรับแต่งได้ผ่าน prop initialChain
สายเริ่มต้นสามารถกำหนดค่าได้โดยใช้ ID ของสาย
<RainbowKitProvider initialChain={1}>
เพื่อความสะดวก, คุณสามารถส่งผ่าน chain object
<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,
});