AvaCloud

WalletDisplay

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

If you need more help, explore our other articles or reach out to our support team via chat or email support@avacloud.io. All examples provided are for demonstration purposes only.

Learn More About AvaCloud | Download Case Studies | Schedule an AvaCloud Demo

On this page