Skip to main content

Import

import { useOpenConnectModal } from '@0xsequence/connect'

Usage

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

type UseOpenConnectModalReturnType = {
  isConnectModalOpen: boolean
  setOpenConnectModal: (isOpen: boolean) => void
  openConnectModalState: boolean
}
PropertyTypeDescription
setOpenConnectModal(isOpen: boolean) => voidOpens (true) or closes (false) the connect modal.
openConnectModalStatebooleanWhether the modal is currently open.
isConnectModalOpenbooleanAlias for openConnectModalState.
The connect modal provides wallet connection options including the embedded wallet and external wallets.