@cfxdevkit/react / ConnectButton

Function: ConnectButton()

ConnectButton(__namedParameters): Element

Defined in: components/connect-wallet/ConnectButton.tsx:62

ConnectButton Component

Headless wallet connection button. Use render prop pattern for custom UI.

Parameters

__namedParameters

ConnectButtonProps

Returns

Element

Example


// With render prop (full control)
<ConnectButton>
  {({ isConnected, address, connect, disconnect }) => (
    <button onClick={isConnected ? disconnect : connect}>
      {isConnected ? `Connected: ${address}` : 'Connect Wallet'}
    </button>
  )}
</ConnectButton>
 
// With default styling
<ConnectButton className="px-4 py-2 bg-blue-500 text-white rounded" />