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.

Usage

After importing the component, you can use it anywhere in your React application:

<ConnectButton
  accent="rgb(255, 0, 0)"
  profileModal={false}
  showBalance={true}
  ...
/>

Configuration

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 updated