WalletDisplay

Component for displaying wallet address and balance.

import { WalletDisplay } from '@avalabs/avacloud-waas-react';

function WalletInfo() {
  return (
    <WalletDisplay
      className="custom-class" // Optional custom class
      truncateAddress={true} // Optional, truncates the address for better display
      showAddAccount={true} // Optional, shows the add account button
    />
  );
}

Props

interface WalletDisplayProps {
  className?: string;        
  truncateAddress?: boolean; 
  showAddAccount?: boolean;  
}

Features

• Displays wallet address (with optional truncation)

• Shows wallet balance

• Optional add account button

• Customizable styling through className

• Handles wallet state automatically