feat: Add link and image to wallet buttons (#225)

reown-com · Jan 2, 2025 · b035e6a · b035e6a
1 parent 0e8ff63
commit b035e6a
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 6 deletions.
diff --git a/docs/appkit/next/core/components.mdx b/docs/appkit/next/core/components.mdx
@@ -13,7 +13,7 @@ import Table from '../../../components/Table'
 
 <img src="/assets/walletButtons.jpg" />
 
-Using the wallet button components, you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
+Using the wallet button components ([Demo in our Lab](https://appkit-lab.reown.com/library/wagmi-wallet-button/)), you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
 This component allows to customize dApps, enabling users to connect their wallets effortlessly, all without the need for the traditional modal.
 
 Follow these steps to use the component:

diff --git a/docs/appkit/next/core/hooks.mdx b/docs/appkit/next/core/hooks.mdx
@@ -143,7 +143,9 @@ export default Component(){
 
 ## useAppKitWallet
 
-Using the wallet button hooks, you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
+<img src="/assets/walletButtons.jpg" />
+
+Using the wallet button hooks ([Demo in our Lab](https://appkit-lab.reown.com/library/wagmi-wallet-button/)), you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
 This hook allows to customize dApps, enabling users to connect their wallets effortlessly, all without the need to open the traditional modal.
 Execute this command to install the library for use it:
 

diff --git a/docs/appkit/next/core/theming.mdx b/docs/appkit/next/core/theming.mdx
@@ -1,4 +1,5 @@
 import Theming from '../../shared/theming.mdx'
+import Button from '../../../components/button/index.js'
 
 # Theming
 
@@ -9,4 +10,6 @@ import Theming from '../../shared/theming.mdx'
 Wallet buttons are components that allow users to connect their wallets to your dApp. They provide a simple and easy way to connect to the top 20 wallets, WalletConnect QR, and all the social logins.
 You can also call them directly using hooks. Please check the [components](/appkit/next/core/components#walletButtons) and [hooks](/appkit/next/core/hooks#useappkitwallet) documentation for more information.
 
-<img src="/assets/walletButtons.jpg" />
+<img src="/assets/walletButtons.jpg" />
+<br /><br />
+<Button name="Try Wallet Buttons" url="https://appkit-lab.reown.com/library/wagmi-wallet-button/" />
diff --git a/docs/appkit/react/core/components.mdx b/docs/appkit/react/core/components.mdx
@@ -13,7 +13,7 @@ import Components from '../../shared/components.mdx'
 
 <img src="/assets/walletButtons.jpg" />
 
-Using the wallet button components, you can directly connect to the top 20 wallets, WalletConnect QR, and all the social logins. 
+Using the wallet button components ([Demo in our Lab](https://appkit-lab.reown.com/library/wagmi-wallet-button/)), you can directly connect to the top 20 wallets, WalletConnect QR, and all the social logins. 
 This component allows to customize dApps, enabling users to connect their wallets effortlessly, all without the need to open the traditional modal.
 
 Follow these steps to use the component:

diff --git a/docs/appkit/react/core/hooks.mdx b/docs/appkit/react/core/hooks.mdx
@@ -144,7 +144,9 @@ export default Component(){
 
 ## useAppKitWallet
 
-Using the wallet button hooks, you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
+<img src="/assets/walletButtons.jpg" />
+
+Using the wallet button hooks ([Demo in our Lab](https://appkit-lab.reown.com/library/wagmi-wallet-button/)), you can directly connect to the top 20 wallets, WalletConnect QR and also all the social logins. 
 This hook allows to customize dApps, enabling users to connect their wallets effortlessly, all without the need to open the traditional modal.
 Execute this command to install the library for use it:
 

diff --git a/docs/appkit/react/core/theming.mdx b/docs/appkit/react/core/theming.mdx
@@ -1,4 +1,5 @@
 import Theming from '../../shared/theming.mdx'
+import Button from '../../../components/button/index.js'
 
 # Theming
 
@@ -9,4 +10,6 @@ import Theming from '../../shared/theming.mdx'
 Wallet buttons are components that allow users to connect their wallets to your dApp. They provide a simple and easy way to connect to the top 20 wallets, WalletConnect QR, and all the social logins.
 You can also call them directly using hooks. Please check the [components](/appkit/react/core/components#walletButtons) and [hooks](/appkit/react/core/hooks#useappkitwallet) documentation for more information.
 
-<img src="/assets/walletButtons.jpg" />
+<img src="/assets/walletButtons.jpg" />
+<br /><br />
+<Button name="Try Wallet Buttons" url="https://appkit-lab.reown.com/library/wagmi-wallet-button/" />