diff --git a/docs/learn/universal-profile/connect-profile/connect-up.md b/docs/learn/universal-profile/connect-profile/connect-up.md index 4ff6f7525..09a278db9 100644 --- a/docs/learn/universal-profile/connect-profile/connect-up.md +++ b/docs/learn/universal-profile/connect-profile/connect-up.md @@ -31,6 +31,12 @@ The [Universal Profile Extension](/install-up-browser-extension) returns the add ## Connect with EIP-6963 +:::tip Example Implementation + +If you want to implement _Injected Provider Discovery_ you can visit our [Example EIP-6963 Test dApp](https://github.com/lukso-network/example-eip-6963-test-dapp). + +::: + :::info Wallet Compatibility Using [EIP-6963 Provider Discovery](https://eips.ethereum.org/EIPS/eip-6963) is the latest industry standardization, solving previous connectivity issues when having multiple wallet extensions installed at the same time. @@ -91,11 +97,17 @@ console.log('Connected with', accounts[0]); -:::tip Example Implementation +Since the Universal Profile Browser Extension is compatible with EIP-6963 Multi Injected Provider, it works out of the box with tools like [Wagmi](https://wagmi.sh/react/api/connectors/injected) or [RainbowKit](https://www.rainbowkit.com/docs/introduction). If you use Wagmi or RainbowKit, the 🆙 extension will appear in the list of available wallets. See the example image below with RainbowKit. -If you want to implement _Injected Provider Discovery_ you can visit our [Example EIP-6963 Test dApp](https://github.com/lukso-network/example-eip-6963-test-dapp). +
-::: +When using RainbowKit, the UP Browser Extension will show up in the list of wallets. + +
## Multi-Provider Libraries diff --git a/static/img/learn/up-extension-wallets-list-rainbowkit.png b/static/img/learn/up-extension-wallets-list-rainbowkit.png new file mode 100644 index 000000000..1b6fb7427 Binary files /dev/null and b/static/img/learn/up-extension-wallets-list-rainbowkit.png differ