Merge pull request #284 from reown-com/chore/improve-custom-network-w…

…ith-image Feat: add custom image for custom networks
reown-com · Feb 10, 2025 · 959a17b · 959a17b
2 parents 9afa968 + c65b6ba
commit 959a17b
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 4 deletions.
diff --git a/docs/appkit/javascript/core/custom-networks.mdx b/docs/appkit/javascript/core/custom-networks.mdx
@@ -62,6 +62,9 @@ const customNetwork = defineChain({
 // Then pass it to the AppKit
 createAppKit({
     adapters: [...],
-    networks: [customNetwork]
+    networks: [customNetwork],
+    chainImages: { // Customize networks' logos
+      123456789: '/custom-network-logo.png', // <chainId>: 'www.network.com/logo.png'
+    }
 })
 ```
diff --git a/docs/appkit/next/core/custom-networks.mdx b/docs/appkit/next/core/custom-networks.mdx
@@ -62,6 +62,9 @@ const customNetwork = defineChain({
 // Then pass it to the AppKit
 createAppKit({
     adapters: [...],
-    networks: [customNetwork]
+    networks: [customNetwork],
+    chainImages: { // Customize networks' logos
+      123456789: '/custom-network-logo.png', // <chainId>: 'www.network.com/logo.png'
+    }
 })
 ```
diff --git a/docs/appkit/react/core/custom-networks.mdx b/docs/appkit/react/core/custom-networks.mdx
@@ -62,6 +62,9 @@ const customNetwork = defineChain({
 // Then pass it to the AppKit
 createAppKit({
     adapters: [...],
-    networks: [customNetwork]
+    networks: [customNetwork],
+    chainImages: { // Customize networks' logos
+      123456789: '/custom-network-logo.png', // <chainId>: 'www.network.com/logo.png'
+    }
 })
 ```
diff --git a/docs/appkit/vue/core/custom-networks.mdx b/docs/appkit/vue/core/custom-networks.mdx
@@ -62,6 +62,9 @@ const customNetwork = defineChain({
 // Then pass it to the AppKit
 createAppKit({
     adapters: [...],
-    networks: [customNetwork]
+    networks: [customNetwork],
+    chainImages: { // Customize networks' logos
+      123456789: '/custom-network-logo.png', // <chainId>: 'www.network.com/logo.png'
+    }
 })
 ```