react-open-wallet v1.4.4

react-open-wallet

Install

npm install --save react-open-wallet

Normal usage

ReactOpenWallet generate a styled button at the top of your component within a provider (at this time just works with MetaMask)

import React, { Component } from 'react'

import WalletProvider, { OpenWallet } from 'react-open-wallet'

class App extends Component {
  render() {
    return (
      <WalletProvider>
        <OpenWallet />
      </WalletProvider>
    )
  }
}

Advanced usage

If you want to control the flow of the wallet just set hideButton to true and use the context hook

app.tsx

import React, { Component } from 'react'

import ReactOpenWallet from 'react-open-wallet'

class App extends Component {
  render() {
    return (
      <WalletProvider>
        <Home />
      </WalletProvider>
    )
  }
}

home.tsx

import React, { Component } from 'react'

import { useWallet } from 'react-open-wallet'

class Home extends Component {
  const { requestAccount } = useWallet()

  render() {
    return (
      <button onClick={requestAccount}>Connect wallet</button>
    )
  }
}

Context props

License

MIT © CryptopediaWeb3