Getting Started
Get up and running with Web3-Onboard
Install the core Onboard library and the injected wallets module to support browser extension and mobile wallets:
yarn add @web3-onboard/core @web3-onboard/injected-wallets npm install @web3-onboard/core @web3-onboard/injected-wallets import Onboard, { chains } from '@web3-onboard/core' import injectedModule from '@web3-onboard/injected-wallets' import Onboard, { chains } from '@web3-onboard/core' import injectedModule from '@web3-onboard/injected-wallets' const injected = injectedModule() const wallets = [injected] Select the chains that you'd like your dapp to support:
const INFURA_ID = '...' const chains = [ { id: 1, token: 'ETH', label: 'Ethereum Mainnet', rpcUrl: 'https://mainnet.infura.io/v3/${INFURA_ID}' }, { id: 137, token: 'MATIC', label: 'Matic Mainnet', rpcUrl: 'https://matic-mainnet.chainstacklabs.com' } ] You can add metadata about your dapp. A full definition of appMetaData options can be found here
const appMetadata = { name: 'My App', icon: '<SVG_ICON_STRING>', logo: '<SVG_LOGO_STRING>', description: 'My app using Onboard', recommendedInjectedWallets: [ { name: 'Coinbase', url: 'https://wallet.coinbase.com/' }, { name: 'MetaMask', url: 'https://metamask.io' } ] } const onboard = Onboard({ wallets, chains, appMetadata })