> For the complete documentation index, see [llms.txt](https://nazeehs-org.gitbook.io/comp-kit/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nazeehs-org.gitbook.io/comp-kit/components/readymade-components/connect-button.md).

# Connect Button

This is the main button to connect your dapp with your wallet. This component is responsible for rendering **Connect button** when not connected and rendering the **connected address, its balance** (on that chain) and **Disconnect Button** if connected.

### Usage

```tsx
"use client";
import { ConnectButton } from "@nazeeh2000/comp-kit";

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

```

{% hint style="info" %}
Note: Make sure your app is wrapped with the necessary provider [`KitProvider`](/comp-kit/introduction/getting-started.md#configuration).
{% endhint %}