ConnectKit

The agw-react package includes an option to include Abstract Global Wallet as a connection option in the ConnectKit ConnectKitButton component.

​

Installation

Install the required dependencies:

npm install @abstract-foundation/agw-react wagmi viem connectkit @tanstack/react-query @rainbow-me/rainbowkit

​

Usage

​

1. Configure the Providers

Wrap your application in the required providers:

​

2. Render the ConnectKitButton

Render the ConnectKitButton component anywhere in your application:

import { ConnectKitButton } from "connectkit";

export default function Home() {
  return <ConnectKitButton />;
}