Skip to main content
A common pattern is to embed the wallet connection widget directly into your app, and you can do so with the ConnectWidget. 
import { Aurum } from '@aurum-sdk/core';
import { ConnectWidget } from '@aurum-sdk/core/widgets';

const aurum = new Aurum({
  wallets: {
    embedded: { projectId: 'your-cdp-id' },
    walletConnect: { projectId: 'your-reown-id' },
  },
});

function App() {
  return (
    <ConnectWidget
      aurum={aurum}
      onConnect={userInfo => console.log('Connected:', userInfo.address)}
    />
  );
}
Check out the aurum demo to see the widget UX in action.