Skip to main content
This guide is for Using Your UI, as the Dynamic Widget UI component already displays the wallets for you.

​
Fetch available wallets

You can find the list of available wallets in the walletOptions prop returned by the useWalletOptions hook.
When browsing wallets in the Dynamic Widget, you might see labels beside them like “Last Used”, “Multichain” or “Recommended”.Last used comes from the “dynamic_last_used_wallet” value in localstorage. “Multichain” comes from the chainGroup node in each wallet (Remember to also add the WalletConnectors for each chain). “Recommended” from the Recommended Wallets feature.

​
Display a wallet icon

  • React
  • React Native
  • Swift
  • Flutter
Use the @dynamic-labs/wallet-book library to display a wallet icon using the exported WalletIcon component. This component takes a walletKey prop, which is the key of the wallet you want to display.
React
import { WalletIcon } from '@dynamic-labs/wallet-book'

const WalletIconComponent = () => {
  return <WalletIcon walletKey="metamask" />
}
React Native and Flutter surface available wallets and icons via the SDK UI (e.g., the User Profile and wallet selection screens). There is no WalletIcon component for mobile SDKs. To present wallets on mobile, open the User Profile UI from your app.