dApp Kit
Wallet Components


The ConnectButton shows the user a button to connect and disconnect a wallet. It automatically uses the connected state to show a connect or disconnect button.

import { ConnectButton } from '@mysten/dapp-kit';
export function YourApp() {
	return <ConnectButton />;


All props are optional.

  • connectText = "Connect Wallet" - The text that displays in the button when the user is not currently connected to a wallet.