UNPKG

@authereum/bnc-onboard

Version:

Onboard users to web3 by allowing them to select a wallet, get that wallet ready to transact and have access to synced wallet state.

47 lines (33 loc) 1.07 kB
# Onboard JavaScript library to easily onboard users to ethereum apps by enabling wallet selection, connection, wallet checks and real time state updates. ## Install `npm install bnc-onboard` ## Quick Start ```javascript import Onboard from 'bnc-onboard' import Web3 from 'web3' // set a variable to store instantiated web3 let web3 // head to blocknative.com to create a key const BLOCKNATIVE_KEY = 'blocknative-api-key' // the network id that your dapp runs on const NETWORK_ID = 1 // initialize onboard const onboard = Onboard({ dappId: BLOCKNATIVE_KEY, networkId: NETWORK_ID, subscriptions: { wallet: wallet => { // instantiate web3 when the user has selected a wallet web3 = new Web3(wallet.provider) console.log(`${wallet.name} connected!`) } } }) // Prompt user to select a wallet await onboard.walletSelect() // Run wallet checks to make sure that user is ready to transact await onboard.walletCheck() ``` ## Documentation For detailed documentation head to [docs.blocknative.com](https://docs.blocknative.com/onboard)