@mikelockzrimble/connection-banner

@rimble/connection-banner

Web3 React component built with Rimble UI that will display an informative banner when the user is not in a web3 capable browser, or when the current browser does not have a wallet available, or when the current ethereum network does not match the required network.

Installation

Install the package in your project directory with:

// with npm
npm install @rimble/connection-banner

// with yarn
yarn add @rimble/connection-banner

Usage Example

import ConnectionBanner from '@rimble/connection-banner';

<ConnectionBanner
  currentNetwork={3}
  requiredNetwork={1}
  onWeb3Fallback={true}
/>;

Props

Name	Type	Default	Description
currentNetwork	integer	none	The network ID that the user is connected to, if available
requiredNetwork	integer	none	The network ID that the dApp requires to function
onWeb3Fallback	boolean	false	Set to true when you connect to a smart contract via a provider like infura

Documentation

Documentation

Issues

Open an issue for any bugs or feature requests

Contributing

We are open source and welcome your contributions !

License

MIT © ConsenSys