Options
The following options can be passed to the createAppKit
function:
createAppKit({ projectId, chains, ...options })
defaultChain
You can set a desired chain for the initial connection:
- Wagmi
- Ethers
- Ethers v5
import { mainnet } from '@wagmi/core/chains'
createAppKit({
//...
defaultChain: mainnet
})
const mainnet = {
chainId: 1,
name: 'Ethereum',
currency: 'ETH',
explorerUrl: 'https://etherscan.io',
rpcUrl: 'https://cloudflare-eth.com',
};
createAppKit({
//...
defaultChain: mainnet
})
const mainnet = {
chainId: 1,
name: 'Ethereum',
currency: 'ETH',
explorerUrl: 'https://etherscan.io',
rpcUrl: 'https://cloudflare-eth.com',
};
createAppKit({
//...
defaultChain: mainnet
})
clipboardClient
Use your preferred clipboard library to allow AppKit use the clipboard to copy addresses & URIs
import * as Clipboard from 'expo-clipboard' // or `@react-native-clipboard/clipboard`
createAppKit({
//...
clipboardClient: {
setString: async (value: string) => {
await Clipboard.setStringAsync(value)
}
}
})
tokens
You can select tokens for AppKit to show the user's balance of. Each key represents the chain id of the token's blockchain.
createAppKit({
//...
tokens: {
1: {
address: '0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48'
},
137: {
address: '0x7ceB23fD6bC0adD59E62ac25578270cFf1b9f619'
}
}
})
customWallets
Add custom wallets to the modal's main view. customWallets
is an array of objects, where each object contains specific information of a custom wallet.
createAppKit({
//...
customWallets: [
{
id: 'myCustomWallet',
name: 'My Custom Wallet',
homepage: 'www.mycustomwallet.com', // Optional
mobile_link: 'mobile_link', // Optional - Deeplink or universal
link_mode: 'universal_link', // Optional - Universal link if the wallet supports link-mode
desktop_link: 'desktop_link', // Optional - Deeplink
webapp_link: 'webapp_link', // Optional
app_store: 'app_store', // Optional
play_store: 'play_store' // Optional
}
]
})
featuredWalletIds
Select wallets that are going to be shown on the modal's main view. Array of wallet IDs defined will be prioritized (order is respected).
These wallets will also show up first in All Wallets
view.
You can find the wallets ids in WalletGuide
createAppKit({
//...
featuredWalletIds: [
'1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369', // Rainbow
'4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0' // Trust
]
})
includeWalletIds
Override default recommended wallets that are fetched from WalletGuide.
Array of wallet ids defined will be shown (order is respected).
Unlike featuredWalletIds
, these wallets will be the only ones shown in All Wallets
view and as recommended wallets.
You can get these ids from the explorer link mentioned before by clicking on a copy icon of desired wallet card.
createAppKit({
//...
includeWalletIds: [
'1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369', // Rainbow
'4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0' // Trust
]
})
excludeWalletIds
Exclude wallets that are fetched from WalletGuide. Array of wallet ids defined will be excluded. All other wallets will be shown in respective places. You can get these ids from the explorer link mentioned before by clicking on a copy icon of desired wallet card.
createAppKit({
//...
excludeWalletIds: [
'4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0', // Trust
'fd20dc426fb37566d803205b19bbc1d4096b248ac04548e3cfb6b3a38bd033aa' // Coinbase
]
})
enableAnalytics
Enable analytics to get more insights on your users activity within your Reown Cloud's dashboard
createAppKit({
//...
enableAnalytics: true
})
chainImages
Add or override the modal's network images.
createAppKit({
// ...
chainImages: {
1: 'https://my.images.com/eth.png'
}
})