Comment on page
Connect Button
The Connect Button provides an option to easily integrate the Wallet Kit
The
<ConnectButton>
component is a highly customizable button that supports the ANS protocol to display information about the connected wallet.After importing the component, you can use it anywhere in your React application:
<ConnectButton
accent="rgb(255, 0, 0)"
profileModal={false}
showBalance={true}
...
/>
You can configure the Connect Button through its props:
Props | Type | Description |
---|---|---|
accent | string | A theme color for the button |
showBalance | boolean | Show user balance when connected |
showProfilePicture | boolean | Show user profile picture when connected |
useAns | boolean | Use ANS to grab profile information |
profileModal | boolean | Show profile modal on click (if disabled, clicking the button will disconnect the user) |
Last modified 6mo ago