Getting started

Sui Wallets Connect is a library for connecting to Sui wallets.

Installation

npm install sui-wallets-connect

Usage

import { ConnectWalletProvider, ConnectModal } from 'sui-wallets-connect';
import {
  createNetworkConfig,
  SuiClientProvider,
  WalletProvider,
} from "@mysten/dapp-kit";

<ConnectWalletProvider>
  <SuiClientProvider>
    <WalletProvider>
       <ConnectModal trigger={null} open={true} onOpenChange={(isOpen) => {}} />
    </WalletProvider>
  </SuiClientProvider>
</ConnectWalletProvider>

Change theme

:root {
  --navi-connect-modal-background: #191919; // background color
  --navi-connect-modal-text: #0d0d0d; // text color
  --navi-connect-modal-primary-color: #FF782F; // primary color
  --navi-connect-modal-btn-text-color: #000000; // button text color
  --navi-connect-modal-dot-color: #0DC3A4; // dot color
}

Changelog

0.0.13

• Support wallet filtering

  <ConnectWalletProvider filterWallet={(wallet) => {
    // Return true to show the wallet, false to hide it
    return true;
  }}></ConnectWalletProvider>