<ConnectButton />
Detailed guide on using ConnectButton component
0xpass inherits from Rainbowkit's <ConnectButton/> component and allows us to quickly create a embedded wallet aggregator popup.
Usage
a) Import the Connect Button into your component
import { ConnectButton } from "0xpass"b) Place the component where it fits best
export const Component = () => {
return <ConnectButton />
}c) Let's add a bit of styling to the button
import "0xpass/style.css"Properties
| Property | Default | Usage |
|---|---|---|
| label | Connect Wallet | <ConnectButton label="Sign in" /> |
| accountStatus | full | <ConnectButton accountStatus="avatar" /> |
| chainStatus | { smallScreen: "icon", largeScreen: "full" } | <ConnectButton chainStatus="name" /> |
| showBalance | { smallScreen: false, largeScreen: true } | <ConnectButton showBalance={false} /> |