@0xsequence/react-wallet

Sequence Web SDK Wallet

Embedded wallet allowing to display and send collectibles and coins.

Installing the module

First install the package:

npm install @0xsequence/react-wallet
# or
pnpm install @0xsequence/react-wallet
# or
yarn add @0xsequence/react-wallet

Then the wallet provider module must placed below the Sequence Web SDK Core provider.

import { SequenceWalletProvider } from '@0xsequence/react-wallet'

const App = () => {
  return (
    <SequenceConnect config={config}>
      <SequenceWalletProvider>
        <Page />
      </SequenceWalletProvider>
    </WagmiProvider>
  )
}

Opening the embedded wallet

The embedded wallet modal can be summoded with the useOpenWalletModal hook.

import { useOpenWalletModal } from '@0xsequence/react-wallet'

const MyComponent = () => {
  const { setOpenWalletModal } = useOpenWalletModal()

  const onClick = () => {
    setOpenWalletModal(true)
  }

  return <button onClick={onClick}>open wallet</button>
}