@money-sdk/react

React bindings for the Drop embedded wallet SDK. Provides a <WalletProvider> context, a <WalletWidget> UI, and hooks (useWallet, useConnected, useObservable) on top of @money-sdk/core.

Usage

import { createWallet } from '@money-sdk/core'
import { WalletProvider, WalletWidget, useWallet } from '@money-sdk/react'

const wallet = createWallet({
  walletUrl: 'https://dropwallet.app',
  signerUrl: 'https://account.moneyos.network',
  appId: '00000000-0000-0000-0000-000000000000',
  providers: { solana: true, ethereum: true },
})

export function App() {
  return (
    <WalletProvider wallet={wallet}>
      <WalletWidget />
      {/* your app */}
    </WalletProvider>
  )
}

<WalletWidget /> renders the collapsed wallet pill; it expands in place (dropdown) or as a centered modal via the experimental_mode prop. Size, shape, theme, compact mode, and the small-screen breakpoint are all tunable.

See the Developers documentation for the full integration guide.

License

MIT © Drop