Multi-Wallet (UI widget)

Lots of users have multiple wallets but managing multiple wallets and multiple accounts for each wallet is challenging. You have to manage event listeners, various connection states, wallets shared across accounts, and much much more. If you want to learn more about our multi-wallet solution, check out our blog post.

To simplify these scenarios and the resulting edge cases, we've released a widget that does it for you, and it's available as of version 0.11.46! You can see it in action on our demo site.

To enable our widget, you simply need to:

  1. Set the multiWallet prop in DynamicContextProvider settings to true
  2. Add <DynamicWidget /> to your site
function App() {
  return (
    <DynamicContextProvider
      settings={{
        environmentId: "1234abcd-1234-abcd-1234-abcd12343abc",
        appName: "My Cool App",
        appLogoUrl: "..."
        // 1. Set the `multiWallet` prop in DynamicContextProvider settings to true
        multiWallet: true,
      }}
    >
      <div
        style={{
          display: 'flex',
          justifyContent: 'flex-end',
          height: '100vh',
        }}
      >
        {/* 2. Add `<DynamicWidget />` to your site */}
        <DynamicWidget />
      </div>
    </DynamicContextProvider>
  );
}