Skip to main content

Aurum Widget

See the widget in action

​
Basic Usage

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)}
    />
  );
}

​
ConnectWidget Props

​
aurum
Aurum
required
The initialized Aurum instance
​
onConnect
(userInfo: UserInfo) => void
Callback fired when a wallet successfully connects. Receives the connected user’s info.

Modal Mode

Default modal UX

Headless Mode

Build a fully custom UI