> ## Documentation Index
> Fetch the complete documentation index at: https://docs.polygon.technology/llms.txt
> Use this file to discover all available pages before exploring further.

# useOpenConnectModal

> Hook to control the wallet connection modal.

## Import

```tsx theme={null}
import { useOpenConnectModal } from '@0xsequence/connect'
```

## Usage

```tsx theme={null}
import { useOpenConnectModal } from '@0xsequence/connect'

function App() {
  const { setOpenConnectModal, openConnectModalState } = useOpenConnectModal()

  const handleConnect = () => {
    setOpenConnectModal(true) // Open the connect modal
  }

  return (
    <>
      <button onClick={handleConnect}>
        Connect Wallet
      </button>

      {openConnectModalState && (
        <div>Connect modal is open!</div>
      )}
    </>
  )
}
```

## Return Type

```tsx theme={null}
type UseOpenConnectModalReturnType = {
  isConnectModalOpen: boolean
  setOpenConnectModal: (isOpen: boolean) => void
  openConnectModalState: boolean
}
```

| Property                | Type                        | Description                                           |
| ----------------------- | --------------------------- | ----------------------------------------------------- |
| `setOpenConnectModal`   | `(isOpen: boolean) => void` | Opens (`true`) or closes (`false`) the connect modal. |
| `openConnectModalState` | `boolean`                   | Whether the modal is currently open.                  |
| `isConnectModalOpen`    | `boolean`                   | Alias for `openConnectModalState`.                    |

The connect modal provides wallet connection options including the embedded wallet and external wallets.