jay-web3-connect-modal v0.12.0

The J-Wallet modal is an easy way to allow visitors of your react project to connect their web3 wallet and view their account and balance.

Installation

Using npm:

1$ npm i -g npm
2$ npm i --save jay-web3-connect-modal

Implimentation

JWallet has one prop that can be passed:

onCloseHandler accepts a function that is called when the modal close button is clicked.

Example implementation:

1import React, { useState } from 'react';
2import { JWallet } from 'jay-web3-connect-modal';
3
4function App() {
5  const [isOpen, setIsOpen] = useState(false);
6  return (
7    <>
8      <h1>Demo!</h1>
9      <div className='App'>Here is a bunch of information</div>
10      <button onClick={() => setIsOpen(!isOpen)}>Connect Wallet</button>
11      {isOpen && <JWallet onCloseHandler={() => setIsOpen(false)} />}
12    </>
13  );
14}
15
16export default App;

Wallet Support

• MetaMask (supported)
• Coinbase Wallet (coming soon)
• Trust- Wallet (coming soon)