API Reference

import { useWallet } from '@moongate/sdk';

const { connected, publicKey, disconnect, connecting } = useWallet();

function WalletStatus() {
  const { connected, publicKey, disconnect, connecting } = useWallet();

  if (connecting) return <div>Connecting...</div>;
  
  if (connected) {
    return (
      <div>
        <p>Connected: {publicKey?.toString().slice(0, 8)}...</p>
        <button onClick={disconnect}>Disconnect</button>
      </div>
    );
  }

  return <div>Not connected</div>;
}

import { useConnection } from '@moongate/sdk';

const { connection } = useConnection();

import { useWalletModal } from '@moongate/sdk';

const { visible, setVisible } = useWalletModal();

function CustomConnectButton() {
  const { connected } = useWallet();
  const { setVisible } = useWalletModal();

  if (connected) return null;

  return (
    <button onClick={() => setVisible(true)}>
      Choose Wallet
    </button>
  );
}

import { MoongateConnectButton } from '@moongate/sdk';

<MoongateConnectButton />

// Basic usage
<MoongateConnectButton />

// With custom text
<MoongateConnectButton>
  Connect to Solana
</MoongateConnectButton>

// With custom styling
<MoongateConnectButton 
  className="my-custom-button"
  style={{ backgroundColor: '#purple' }}
>
  Connect Wallet
</MoongateConnectButton>

import { WalletConnectButton } from '@moongate/sdk';

<WalletConnectButton walletName="Phantom" />

// Connect to specific wallet
<WalletConnectButton walletName="Phantom"/>

<WalletConnectButton walletName="Solflare"/>