Documentation Index
Fetch the complete documentation index at: /llms.txt
Use this file to discover all available pages before exploring further.
Web3 React is a Uniswap-maintained wallet connect library useable with MetaMask and TAILWIND.
Download TAILWIND wallet adapter
yarn add @tailwindzone/connect-web3-react
Import or instantiate TAILWIND connector
import { tailwindConnector } from '@tailwindzone/connect-web3-react'
import { initializeConnector } from '@web3-react/core'
import { TailwindConnector } from '@tailwindzone/connect-web3-react'
const tailwindConnector = initializeConnector(actions => new TailwindConnector({ actions }))
Use TAILWIND as a Provider
import { MetaMask } from "@web3-react/metamask"
const metaMaskConnector = initializeConnector(
actions => new MetaMask({ actions })
);
const connectors = [
metaMaskConnector,
tailwindConnector
];
ReactDOM.createRoot(document.getElementById('root')!).render(
<React.StrictMode>
<Web3ReactProvider
connectors={connectors}
>
{ /* Your app goes here */ }
<App />
</Web3ReactProvider>
</React.StrictMode>,
);
Sign a sample transaction
web3-react hooks to
request connection and sign transactions.import { useWeb3React } from "@web3-react/core"
function App() {
const {
connector,
provider
} = useWeb3React()
return (
<>
<button onClick={() => {
const [tailwind] = tailwindConnector
tailwind.connectEagerly().catch(console.error)
}}>
Connect to TAILWIND
</button>
{connector && (<button onClick={async () => {
// send transaction to JSON RPC
await provider.sendTransaction(tx);
}}>
Sign Transaction
</button>)}
</>
);
}
Done!