Skip to main content

Web3Modal

Web3Modal is suitable for projects that require WalletConnect, QR codes, and multi-framework support. To make it easier for users to find UKey Wallet, UKey Wallet's WalletConnect ID can be added to the preferred and allowed lists in the Web3Modal configuration.

Reference documentation​

Setup​

npm install @web3modal/wagmi [email protected] [email protected]
# another option
yarn add @web3modal/wagmi [email protected] [email protected]

Preferred display UKey Wallet​

After adding the UKey Wallet WalletConnect ID to featuredWalletIds and includeWalletIds at the same time, the connection pop-up window will display UKey Wallet first and ensure that it will not be excluded when searching and filtering.

createWeb3Modal({
  wagmiConfig,
  projectId,
  chains,
  featuredWalletIds: [
    // UKey Wallet WalletConnect ID; see https://explorer.walletconnect.com/ukey
    "7d6c5b4a39281706f5e4d3c2b1a09876fedcba9876543210f1e2d3c4b5a69788",
  ],
  includeWalletIds: [
    // UKey Wallet WalletConnect ID; see https://explorer.walletconnect.com/ukey
    "7d6c5b4a39281706f5e4d3c2b1a09876fedcba9876543210f1e2d3c4b5a69788",
  ],
});

Demo​